调试挪动端页面,优先挑选运用chrome浏览器调试,如果是hybrid情势的页面,能够运用chrome供应的chrome://inspect/#devices 安卓真机调试,不过这个请求比较高:
起首,你的 Chrome 版本必需高于 32
其次你的测试机 Android 体系高于 4.0,
再其次,测试机装置 Chrome for Android 才能够运用 Chrome 长途调试这项功用,
末了, 手机须要开启USB调试形式
比方须要调试嵌入在APP中webView中的页面, 正好安卓的版本比较低,没办法真机调试,
这时候weinre就是最好的挑选。
怎样运用 weinre
WEINRE 是 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 检察响应的元素,并修正,立即见效