手机H5 web调试利器——WEINRE (WEb INspector REmote) 安卓手机

32次阅读

共计 607 个字符,预计需要花费 2 分钟才能阅读完成。

调试移动端页面,优先选择使用 chrome 浏览器调试,如果是 hybrid 形式的页面,可以使用 chrome 提供的 chrome://inspect/#devices 安卓真机调试,不过这个要求比较高:首先,你的 Chrome 版本必须高于 32 其次你的测试机 Android 系统高于 4.0,再其次,测试机安装 Chrome for Android 才可以使用 Chrome 远程调试这项功能,最后,手机需要开启 USB 调试模式
比如需要调试嵌入在 APP 中 webView 中的页面,恰好安卓的版本比较低,没办法真机调试,这时候 weinre 就是最好的选择。
如何使用 weinreWEINRE 是 WEb INspector REmote 的缩写,可以远程调试 web 页面。
安装 $ sudo npm install -g weinre$ weinre -v
配置获取本机 IP:192.168.0.199$ ipconfig getifaddr en0
开启本地监听服务器:weinre –boundHost 192.168.0.199
浏览器打开 192.168.0.199:8080
效果如下
将这段脚本放在需要调试的手机页面中就可以远程调试了,
加载好之后就可以在 remote tab 下找到需要调试的页面了,和 chrome devTools 类似,也可以查看 DOM 元素和控制台等。
点击 elements 查看相应的元素,并修改,即时生效
原帖子地址 https://www.cnblogs.com/fanyo…

正文完
 0