iOS上Web开发之远端调试

小鱼儿 2022-06-11 05:44 145阅读 0赞

转载请注明出处:http://blog.csdn.net/horkychen

![download.png][]

浏览器上的Debugger,基本由JavaScript写成，有兴趣可以下个[FireBug Lite][]研究一下。PC端Debug很方便，也有远程调试，手机上的浏览器也有支持，原理相同。

今天下午了解了一下iOS上Safari上远端调试的资料，还挺多。归纳一下:

1. 工具

iWebInspector    [http://www.iwebinspector.com/][http_www.iwebinspector.com]

直接运行后，可以叫起iOS Simulator,执行Safari就可以进行执行Safari的远端调试功能。

2. 自己写个App,加个UIWebView。然后改改代码: (利用WebView隐含的一个API)

>  - (BOOL)application:(UIApplication \*)application didFinishLaunchingWithOptions:(NSDictionary \*)launchOptions \{  
>   // ......  
>   \[NSClassFromString(@"WebView") \_enableRemoteInspector\];  
>   // ......  
> \}
> 
> 资料来自: 
> 
> ##  ##
> 
> ## 在iOS的safari上像chrome for android ICS那样进行远程调试 ##
> 
>   [ Enabling Remote Debugging via Private APIs in Mobile Safari][Enabling Remote Debugging via Private APIs in Mobile Safari]

3. 浏览器远端调试的背后(WebKit内核):

[**Webkit Remote Debugging Protocol**][Webkit Remote Debugging Protocol]

[ **Chrome Developer Tools: Remote Debugging Protocol tip-of-tree**][_Chrome Developer Tools_ Remote Debugging Protocol tip-of-tree]

\*Andorid上Chrome相应的资料:

[https://developers.google.com/chrome/mobile/docs/debugging][https_developers.google.com_chrome_mobile_docs_debugging]

[download.png]: /images/20220611/bc08c614bca247a899dc4761781451ca.png
[FireBug Lite]: http://getfirebug.com/firebuglite
[http_www.iwebinspector.com]: http://www.iwebinspector.com/
[Enabling Remote Debugging via Private APIs in Mobile Safari]: http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/
[Webkit Remote Debugging Protocol]: http://code.google.com/p/chromedevtools/wiki/WIP#WebKit_Remote_Debugging_Protocol
[_Chrome Developer Tools_ Remote Debugging Protocol tip-of-tree]: https://developers.google.com/chrome-developer-tools/docs/protocol/tot/index
[https_developers.google.com_chrome_mobile_docs_debugging]: https://developers.google.com/chrome/mobile/docs/debugging