admin 管理员组文章数量: 887019
困境
项目开发的h5页面需要在微信端支持转发、分享功能，以及企业微信授权等相关权限功能，h5页面功能开发可以直接在Chrome浏览器的移动端模式开发，但是涉及微信权限时的一些功能，则需要在微信和企业微信中进行调试；
文字链接地址微信 PC 端h5页面打开的内置浏览器开发者工具界面
微信开发者工具
一些功能可以使用微信开发者工具，比如jsdk微信授权等
如图所示：
企业微信PC端调试
企业微信调试时，需要在管理端打开dev调试功能开关
然后打开企业微信，使用快捷键Ctrl+Alt+Shift+D,即可打开dev模式
然后打开企业微信中的相关h5页面，右键点击即可打开Chrome控制台
微信PC端调试
痛点来了，微信Pc端的dev功能要麻烦一点，我本地一直用的好好的，后来不知道什么时候不能使用，然后发现是升级了本地的微信版本，新版本已经不支持打开Chrome控制台模式。（希望以后还可以继续打开dev模式）
版本回退
下载旧版本微信客服端，貌似3.2.1版本之前的都可以，这里是下载地址
下载 devtools_resources.pak
devtools_resources.pak是必须的，这是下载地址
查看微信浏览器版本
找到记录 --resources-dir-path 的路径
一般在C:\Users\**\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2581,然后把devtools_resources.pak放入文件夹中
配置微信快捷方式
在微信快捷方式，右键点击属性，目前后面增加 -remote-debugging-port=8000
配置微信安装目录
再把devtools_resources.pak放入微信的安装文件夹中，安装目录一般在D盘中
现在大功告成，重启微信，打开h5页面，右键即可打开开发者工具
版权声明：本文标题：微信 PC 端h5页面打开的内置浏览器开发者工具界面 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1726854016h1039993.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论