调试基于微信运行的H5页面

admin 2022年5月26日17:59:48评论3,328 views字数 917阅读3分3秒阅读模式

调试基于微信运行的H5页面

最新版微信H5页面调试

微信从8.0.19开始已经放弃使用X5内核,而使用xweb内核。

1. 手机用usb连接至电脑

2. 打开调试开关

手机微信内点击http://debugxweb.qq.com/?inspector=true[1]  (比如在聊天窗口直接访问链接),只要跳转过微信首页就是开启了调试。

调试基于微信运行的H5页面

3. 微信内打开所需调试网址

4. chrome://inspect/#devices

chrome浏览器打开chrome://inspect/#devices,需要翻墙,这个时候就可以看到我们在微信内打开的网页

调试基于微信运行的H5页面

5. 开始调试

点击chrome里的inspect 即可直接调试

调试基于微信运行的H5页面

接下来即可使用chrome开发者工具对H5页面进行调试

调试基于微信运行的H5页面

旧版本微信H5页面调试

1. 手机用usb连接至电脑

2. 打开调试开关

微信内访问debugmm.qq.com/?forcex5=true[2] 强制开启X5内核

调试基于微信运行的H5页面

访问http://debugtbs.qq.com[3]下载安装X5内核

调试基于微信运行的H5页面

访问http://debugx5.qq.com[4] 开启Inspector调试功能

调试基于微信运行的H5页面

3. 微信内打开所需调试网址

4. chrome://inspect/#devices

chrome浏览器打开chrome://inspect/#devices,需要翻墙,这个时候就可以看到我们在微信内打开的网页

调试基于微信运行的H5页面

5. 开始调试

点击chrome里的inspect 即可直接调试

调试基于微信运行的H5页面

接下来即可使用chrome开发者工具对H5页面进行调试

调试基于微信运行的H5页面

Reference

[1]

http://debugxweb.qq.com/?inspector=true: http://debugxweb.qq.com/?inspector=true

[2]

debugmm.qq.com/?forcex5=true: http://debugmm.qq.com/?forcex5=true

[3]

http://debugtbs.qq.com: http://debugtbs.qq.com

[4]

http://debugx5.qq.com: http://debugx5.qq.com


原文始发于微信公众号(APP安全修炼之道):调试基于微信运行的H5页面

  • 左青龙
  • 微信扫一扫
  • weinxin
  • 右白虎
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年5月26日17:59:48
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                   调试基于微信运行的H5页面http://cn-sec.com/archives/1054268.html

发表评论

匿名网友 填写信息