谷歌浏览器如何进入手机调试,谷歌浏览器控制台

谷歌浏览器如何进入手机调试,谷歌浏览器控制台

学习使用GoogleChrome来模拟手机页面并调试视口。视口（viewport）是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口。 Layoutviewportlayoutviewport一般移动设备，打开"我的页面"左上角扫描。其他扫描方式：微信、下载知乎App、激活机构账号、无障碍修改验证码、登录密码、登录中国+86、获取短信验证码语音验证码登录/注册其他方式登录

1：背景我们调试手机页面最常用的方法是切换PC浏览器的用户代理在手机或其他移动设备上模拟调试页面，然后使用手机打开待调试页面并刷新页面查看调试结果。但是，存在两个问题。 这个问题在PC浏览器中得到了解决。前端调试是测试前端开发代码bug的常用方法。通过调试，我们可以提前将一些bug扼杀在摇篮里。今天我将教你如何使用Chrome和Google浏览器来调试前端和Web前端。 初学者应该好好看看

1.Google调试PC网页(1)首先打开Chrome浏览器，输入https://baidu进入百度页面，在空白页面右键单击，选择"检查"，或者直接按快捷键ctrl+shift+i)如下图：(2)点击"查看"打开开发者控制台，选择远程调试远程设备，在控制台中配置远程设备，并在手机上信任此计算机。 等待，直到您看到手机型号已连接到设备上的某个位置，就这样。 发现您访问的USB设备调试页面

进入并打开"USB调试"选项。 步骤2：使用USB线将手机连接至电脑。 您的手机上可能会出现一个弹出框，询问您是否允许访问手机数据，请选择"允许"。 打开电脑上的Chrome浏览器，输入"首先按F12进入调试位置。Dosk端有四个选项。1.拖出开发者工具单选框。2.放在左侧。3.放在底部。4.放在右侧。1.一般情况下，Google浏览器默认放在右侧。今天我们主要讲Google浏览器。

1.解压ios-webkit-debug-proxy-1.8-win64-bin.zip，进入解压后的目录，输入cmd输入命令，输入以下命令dios_webkit_debug_proxy-fchrome-devtools://devtools/bu1，打开开发者选项中的USB调试功能（点击"关于手机"中的版本号，然后返回系统设置查看开发者选项，即可一定要打开USB调试功能！）2.使用USB线连接电脑 和手机，选择