Let’s dig into chrome remote debugging on ios 6 (iphone 5)
1. First of all we need to configure fiddler as a proxy
open fiddler->tools->fiddler options-> connections: set port to 8888, check “allow remote computers to connect” (google how to set up fiddler proxy for details)
2. configure iphone:
open command line on your desktop and type “ipconfig” to figure out your local ip
open settigns on iphone->wi-fi->current active network settings: scroll down, set proxy to manual and fill in proxy ip (ip from previous point and port 8888)
3. check that iphone is using your desktop as a proxy
just open any page in chrome on iphone and check fiddler out
4. install nodejs (click install here http://nodejs.org/)
check installation with the following commands:
node -v |
I got something like – “v0.10.17”
then check that npm has been also installed
npm -v |
I got something like 0 “1.3.8”
5. configure local server for files
e.g. we can add to hosts file “127.0.0.1 mydomain.com”
and set up new IIS site for this domain, so we got this page “http://mydomain.com/mypage.html” mapped on local env
6. configure local page – we need to add this script to our local page
<script src="http://mydomain:8080/target/target-script-min.js#anonymous"></script> |
7. run weinre – run from console
weinre --boundHost mydomain.com |
should respond something like “2013-08-26T13:31:58.109Z weinre: starting server at http://mydomain.com:8080”
8. open debugger
open this link http://mydomain.com:8080/client/#anonymous
9. open page on a mobile device – open page with weinre script – http://mydomain.com/mypage.html
10. check out desktop chrome with opened http://mydomain.com:8080/client/#anonymous – this debugger should be attached to the page opened on iphone
11. Thats all
P.S.
some helpful links:
http://people.apache.org/~pmuellr/weinre/docs/latest/Installing.html
http://people.apache.org/~pmuellr/weinre/docs/latest/Running.html