CODEWITHSUNDEEP
c#javascripthtmlcordovawindows-phone-8
Filled Stacks
Filled Stacks

Reputation: 4346

Intercept all get requests in html5 application on windows phone

Corodva, Javascript and HTML5 developers.

I need to intercep all get requests made by the WebBrowser component in Windows Phone 8.0 at any point and be able to view the resource that it's requesting. To give an example of "all", this is what I mean.

I have a simple application that contains a cordova(WebBrowser control with Decorators that allows XHRrequests to be retrieved from local storage) view, and navigates to an index.html file.

The index.html contains only the following in the body

<img src="logo.png" />

This file is loaded and displayed by the web browser but there is not interceptable request made through the web browser to the Windows Phone that I can see. The file just appears in the browser magically. I know that cordova overwrites all XHRrequests to swap out for local files. No method in the XHRHelper.cs is being hit with a request for logo.png. Here is everything I have tried just so we can all be on the same page.

I wouldn't ask this question if I didn't do any research on this subject. Some of the JavaScript devs said that they don't think it's possible from inside the application, many of the C++ developers said I should look at the native code implementation for the WebBrowser control, find out what interfaces it extends and get hold of it for extension somehow. I will be attempting to do this tomorrow all day, but would like to not overkil the situation if there's (hopefully) an easy way of doing this.

My next step is to use a tool like fiddler or charles to monitor all packets through a proxy. If I can see requests made for the local files through any of these tools then there must be a way to intercept those requests in code. If this is successfull I will attempt to set up a local proxy at runtime and redirect through my filehandler.

I spoke to some iOS developers and they used NSURLProtocol, which you just have to set up then you can monitor all you traffic (Lucky). Is there anything like this for Windows Phone 8.0? Does anyone have suggestions on how I could implement this for Windows Phone 8.0? Is there any way I can intercept all requests from a html5 app. Any way would be fine, I'm fairly confident that I'll be able to implement any suggestion and give feedback if it does not work. The biggest question would be if it's even possible.

Any feedback would be appreciated, and any suggestions will be followed through. And I will provide feedback on that suggestion.

Thank you in advance, I know there are some serious Code Ninjas on here that will give me a million options :)

Upvotes: 0

Views: 558

Answers (1)

Filled Stacks
Filled Stacks

Reputation: 4346

I have found a very simple solution to this problem. Since Mobile IE10 does not provide functionality to intercept requests made by a webpage I moved off that path and chose to not intercept the requests but rather redirect it.

I did this by setting up a socket server on the phone and requesting the assets in the HTML5 application from the localhost. Here's an example:

A file that I used in the index.html like below

    <img src="logo.png" />

I changed to

    <img src="http://localhost:99/logo.png" />

This way you get a Process request event fired in the socket server where you can handle your asset request appropriately. You can take the logo.png and give back a image with a different name by using a simple mapping in the socket server, which is what I needed to do.

I hope this helps someone dealing with the same problem :)

Upvotes: 0

Related Questions