【原创】如何使用电脑上的谷歌浏览器来调试移动端页面
作者:
Eternal丶 | 来源:发表于
2017-08-28 14:15 被阅读22次
前提:手机和电脑上都需要安装谷歌浏览器
第一步:需要将自己的手机调成开发者模式,一般的安卓手机都是找到手机的版本号,然后连续点击7次左右,如图1所示:

图1
第二步:打开手机的设置选项,找到开发者选项

图2
第三步:将开发者选项和USB调试都打开

图3
第四步:打开电脑上的谷歌浏览器,调出控制台,并点击图4和图5中箭头所指部分

图4

图5
第五步:在之后出现的页面中要保证右边setting部分的第一个选项:Discover USB devices是选中状态,如图6

图6
第六步:用你数据链连接你的电脑和手机,手机就会弹出一个连接提示,如图7所示,点击允许即可

图7
第七步:在电脑上打开谷歌浏览器并输入chrome://inspect/,同时在手机上打开谷歌浏览器,并输入要调试的网页,如百度,点击inspect就可以调试页面啦

图8
最后就是inspect的页面啦

图9
本文标题:【原创】如何使用电脑上的谷歌浏览器来调试移动端页面
本文链接:https://www.haomeiwen.com/subject/zqfgdxtx.html
网友评论