admin管理员组

文章数量:1579392

谷歌开发者工具提供了一系列的功能来帮助开发者高效Debug网页应用,让他们可以更快地查找和修复bug。在谷歌的开发者工具中,有非常多有用的小工具,但是很多开发者并不知道。

比如你想查看手机端浏览器运行时的调试日志,怎么办呢?

通常情况,可以使用嵌入vConsole(https://github/Tencent/vConsole)的方式来解决这个问题。但是这需要修改代码,有些情况可能不方便修改代码,怎么办呢?使用电脑端谷歌浏览器的远程调试功能即可。

操作步骤:

1、在电脑端谷歌浏览器导航栏输入 chrome://inspect/#devices 进入相应工具页面。

2、使用usb数据线连接手机端(手机端chrome浏览器版本和桌面端最好相近或一致,安卓手机需要选择usb调试并支持文件传输,识别到设备后,就可以看到远程设备调试设备目标Remote Target)

3、找到你要调试的应用,并点击下面的 inspect 按钮进入调试界面。

注:如果你要调试的是微信,则需要先在手机微信内打开调试,开启方式:点击/扫码打开 http://debugxweb.qq/?inspector=true(访问后会打开微信网页,并提示执行成功)

第1步截图

第3步截图

本文标签: 你不知道技巧chromeandroid