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貌似不行