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

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";

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容