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

admin 2022年5月26日17:59:48评论2,037 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页面

特别标注: 本站(CN-SEC.COM)所有文章仅供技术研究,若将其信息做其他用途,由用户承担全部法律及连带责任,本站不承担任何法律及连带责任,请遵守中华人民共和国安全法.
  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
admin
  • 本文由 发表于 2022年5月26日17:59:48
  • 转载请保留本文链接(CN-SEC中文网:感谢原作者辛苦付出):
                  调试基于微信运行的H5页面 https://cn-sec.com/archives/1054268.html

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: