WebApp中调试jsavascript

app有时候会使用网页作为一些功能页面,好处自然是有很多,但是也得调试

1 android app调试

自然是chrome remote debug 在android里面自带的浏览器一般都是基于chrome webkit内核的浏览器所以天生就是chrome一家的

chrome remote debug的资源介绍网上也很多

如:http://blog.csdn.net/freshlover/article/details/42528643

http://www.cnblogs.com/terrylin/p/4606277.html

一般的流程就是:

1.1 在chrome中输入:chrome://inspect/#devices

1.2 android手机通过数据线usb接口接入电脑

1.3 WebView.SetWebContentsDebuggingEnabled(true); android sdk默认是不开启浏览器远程调试模式的,因此需要开启

1.4 等待网页ui被加载,在chrome里面会自动刷新出页面,然后再inspator进入即可像浏览器调试网页一样调试webapp程序了

2 ios webapp调试

2.1 进入iphone设置页面,进入safari,进入高级页面,将web检查器和javascript通通勾选(打开)

2.2 将iphone手机通过usb数据线接入mac

2.3 在mac上打开safari浏览器,在其偏好设置里面,进入高级菜单页面,将最下面的 “在菜单栏中显示开发菜单” 勾选

2.4 运行webapp程序,在safari的开发菜单中进入 iphone子菜单,点击对应地址的html页面即可打开我们在webapp加载的页面

2.5 safari比chrome的优势在于js的变量非常清晰直观,且可以直接调试虚拟机运行的webapp程序,而chrome貌似不行

原文地址:https://www.cnblogs.com/rjjs/p/5553570.html