如何使用edge浏览器或chrome谷歌浏览器调试手机端网页(微信网页、浏览器皆可) 您所在的位置:网站首页 手机浏览器如何模拟电脑 如何使用edge浏览器或chrome谷歌浏览器调试手机端网页(微信网页、浏览器皆可)

如何使用edge浏览器或chrome谷歌浏览器调试手机端网页(微信网页、浏览器皆可)

#如何使用edge浏览器或chrome谷歌浏览器调试手机端网页(微信网页、浏览器皆可)| 来源: 网络整理| 查看: 265

1、打开开发者选项中的USB调试功能(狂点“关于手机”中的版本号,然后返回到系统设置中就能看到开发者选项了,一定要打开USB调试功能!) 2、使用USB线连接电脑和手机,选择“传输文件”选项 3、打开edge浏览器或,输入网址:edge://inspect/#devices (若使用chrome谷歌浏览器,则输入网址:chrome://inspect/#devices) 4、进入到这个界面先不要慌,先等个5-10秒,下面就会出现各个浏览器中的网页

edge_none.png 等5-10秒之后,就会出现一下页面 edge_show.png 5、然后点击各个网页左下角的inspect就能进入调试页面了,注意:这里滚动鼠标滑轮进行上下翻页,手机端的页面也会跟着上下翻页,但是仅支持翻页,鼠标点击链接是没有任何反应的,调试仅支持单个页面。 edge_debug.png 6、到这里稍微有一点web前端的同学们就可以大展身手了,比如修改网页中的任何数据等等,当然只是修改给自己看,或者是截个屏什么的。` document.getElementsByClassName("XXX")[0].innerHTML = "Hello World"; (document.getElementsByClassName("XXX")[0].value= "Hello World";) or $(".XXX")[0].value = "Hello World"; ($(".XXX")[0].innerHTML = "Hello World";)



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有