美文网首页
通过chrome调试手机H5页面

通过chrome调试手机H5页面

作者: 还是那个没头脑 | 来源:发表于2021-03-11 09:40 被阅读0次

    手机端
    手机上下载chrome浏览器app,手机开启“开发者模式”,具体步骤各个品牌手机不太一样,华为手机为例:打开手机上的 “设置” 图标,进入最下方 “系统” 选项,

    再点击最上方 “关于手机”,接着连续点击 “版本号” 7 - 8 次左右,就可以开启 “开发者模式”。返回上一级目录,可以在下方找到 “开发人员选项” ,进入之后找到 “USB调试” 这一项,开启它即可。切换到手机chrome浏览器, 打开一个网页,用USB把手机连接上电脑。

    PC端
    打开chrome浏览器,地址栏输入 chrome://inspect 并回车,可以看到如下界面:


    打开手机,提示框点确定,允许进行USB调试。

    手机上正在浏览的网页这里就可以看到了,点击 inspect即可进行调试。点击按钮后会弹出一个新的窗口,如图所示

    新窗口左侧是手机页面实时预览,右侧即是调试窗口,手机端的操作与这个窗口是相互影响的,两端的任何操作都会在另一端同步显示

    相关文章

      网友评论

          本文标题:通过chrome调试手机H5页面

          本文链接:https://www.haomeiwen.com/subject/eyjnqltx.html