微信web开发者工具怎么使用
方法/步骤
微信web开发者工具下载,并安装
下载链接:
启动微信web开发者工具
登录,进入web开发者工具,绑定个人微信号
通过个人微信号,登录微信web开发者工具
从复制链接到地址栏,大功告成
移动调试,敬请关注。
微信web开发者工具能同时开启2个吗
可以同时开启两个。
一、微信web开发者工具调试
1,下载安装好以后,打开界面是这样的。
2,我们点击登录,会出现扫描二维码页面,用你自己的微信扫一下登录就可以。
3,登录以后,就可以对我们的微信企业号页面进行调试,请注意!!!要想调试当前的企业号页面,你登录的微信号,必须是这个企业号的管理员(这在微信开发者工具的说明文档有写),如果不是,请在你们的企业号开发端把你的微信设置为管理员。
二、移动调试。移动端网页的表现,通常和桌面浏览器上有所区别,包括样式的呈现、脚本的逻辑等等,这会给开发者带来一定的困扰。通过微信 web 开发者工具中的远程调试功能,实时映射手机屏幕到微信 web 开发者工具上,将帮助开发者更高效地调试 X5 Blink 内核的网页,具体步骤如下:
1. 安装0.5.0或以上版本的微信 web 开发者工具。
2. 确认移动设备是否支持远程调试功能。打开微信 web 开发者工具,选择“移动调试”tab,点击验证移动设备是否支持。随后使用移动设备扫描弹出的二维码,在设备上即可获得支持信息。
3. 打开移动设备中的 USB 调试功能。打开移动设备,进入“设置”->“开发人员选项”;勾选“USB 调试功能”。
如何通过SocketLog进行web和微信开发调试
微信web开发者工具移动调试
移动调试功能是基于 weinre 的,并且做了一些改进,相比直接使用 weinre 有两个优点:
无须手工在页面中加入 weinre 调试脚本
可以在 weinre 的网络请求页卡中,看到完整的 http 请求 log,非局限于 ajax 请求
微信web开发者工具Chrome DevTools
微信 web 开发者工具集成了 Chrome DevTools。同之前在 PC 上的调试体验一致,可以快速上手。
如何用微信web开发者工具访问本地网页
直接输入本地配置的域名就可以了