首页 > 移动平台 > 详细

调试android chrome web page简明备忘

时间:2014-06-26 12:28:40      阅读:626      评论:0      收藏:0      [点我收藏+]

必备工具 adb toolsandroid chrome

先开启手机调试模式

adb forward tcp:9919 localabstract:chromedevtoolsremote

成功会提示
* daemon not running. starting it now on port 5037 *
* daemon started successfully *
不成功的话用这个命令再试
adb kill-server

接着打开下面的链接,这里的9919是上面adb命令中指定的

http://localhost:9919/

会看到这样的一个个链接:

http://chrome-devtools-frontend.appspot.com/serve_rev/@176236/devtools.html?ws=localhost:9919/devtools/page/1

由于众所周知的原因appspot是在异次元空间,我们需要用成本地的调试器

...devtools.html替换成本地的chrome-devtools://devtools/bundled/devtools.html

chrome-devtools://devtools/bundled/devtools.html
这个地址可能会不一样
可以用弹出窗口的方式打开调试器
在弹出来的调试器中按ctrl+shift+i来调试调试器,在新的调试器获得这个地址
(很拗口,但就是这样)

有了正确的本地调试器地址后,可以用脚本替换一下

```javascript

var tabs = document.querySelectorAll(‘a‘), localDevAdd = ‘chrome-devtools://devtools/bundled/devtools.html‘;

for (var i = 0; i < tabs.length; i++) { if (tabs[i].href && tabs[i].href.indexOf(‘/devtools.html‘) > -1) { tabs[i].href = tabs[i].href.replace(/.*devtools.html/, localDevAdd); } }

```

点击对应的tab就可以看到调试器了。

图文版 http://www.tuicool.com/articles/ZJfeAzi

调试android chrome web page简明备忘,布布扣,bubuko.com

调试android chrome web page简明备忘

原文:http://www.cnblogs.com/arliang/p/debugging_android_chrome_pages.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!