【原创】如何使用电脑上的谷歌浏览器来调试移动端页面

前言

参照文章解决问题的前提是手机和电脑上都需要安装谷歌浏览器

第一步:需要将自己的手机调成开发者模式,一般的安卓手机都是找到手机的版本号,然后连续点击7次左右,如图1所示:

图1

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

图2

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

图3

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

图4
图5

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

图6

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

图7

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

图8

最后就是inspect的页面啦

图9