微信调试H5页面

微信调试H5 页面有几个坑点：

1. 很多开放组件和jssdk 只能在微信浏览器生效；所以一些功能只能在微信里调试
2. 调用jssdk 等，需要在绑定的域名下才能生效；所以一些功能必须是用域名访问

一般的页面搭建，在chrome里就行。

涉及到需要在微信浏览器调试的，最早我是在微信真机打开，使用代理拦截js安全域名，来调试，但在最近的新版微信了，连接了代理就不让打开网页了。这个方法行不通了。

开发工具调试

好在隔了好几年，微信的开发者工具变得比较好用了，可以直接使用开发者工具调试，还支持代理功能，能解决上面的两个问题。

但有些样式，只有在部分真机上才会异常，必须使用真机调试。

安卓真机调试

1. 手机用usb连接至电脑
2. 打开调试开关。手机微信内点击http://debugxweb.qq.com/?inspector=true (比如在聊天窗口直接访问链接)，只要跳转过微信首页就是开启了调试。
3. 微信内打开所需调试网址
4. 浏览器打开 chrome://inspect/#devices，点击chrome里的inspect 即可直接调试

iOS 真机调试

试了一下上面的方法和微信链接，在ios里打不开，暂时还没找到ios 真机调试好办法。

2023年微信内置浏览器调试的五种方法

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