Windows PC版微信内置浏览器调试

注意:本方案比较繁琐,建议参考我的最新方案(2023最新方案)Windows PC版微信内置浏览器调试

需求背景

有时候你会可能遇到这种情况,因为微信的限制,一些网页只能用微信内置的浏览器打开,这就导致有时候一些生产环境的问题,不方便排查。下面将介绍如何通过老版本的PC端微信,打开微信内置浏览器调试。本教程提到的工具和方法仅供学习交流使用,严禁用于商业用途,请于24小时内删除。

步骤一:前期准备

准备以下软件,后面需要用到。
(关注微信公众号 安前码后,然后回复 wx001,获取资源下载链接)
(关注微信公众号 安前码后,然后回复 wx001,获取资源下载链接)
(关注微信公众号 安前码后,然后回复 wx001,获取资源下载链接)
重要的事情说三遍!!

在这里插入图片描述

步骤二:取消勾选现有微信的自动更新,安装老版本微信进行覆盖

取消勾选微信的自动更新

在这里插入图片描述
在这里插入图片描述

安装老版本微信进行覆盖
步骤一的资源里面有老版本的微信安装包。

在这里插入图片描述

找到以前安装微信的目录,进行安装覆盖

在这里插入图片描述

步骤三:将 devtools_resources.pak 复制粘贴到微信的两个目录。(注意:这两个目录都要放入这个文件,否则你后面打开调试工具可能会发现是空白的)

目录1:微信的安装目录,每个人的可能不同,我这里的安装目录是前面截图提到的目录:D:\software\WeChat,然后将文件复制进去。关于如何找到软件安装目录,请自行百度

在这里插入图片描述

目录2:C盘的微信资源目录:C:\Users\86183\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2581
大家的路径跟我的应该是不完全一样,区别在于下图中的蓝色框框,大家可以先进入到C:\Users,然后找到自己蓝色框框对应的是哪个文件夹,然后一层层往下找。然后将文件复制进去。
(注意:可能有些人在一层层找这个路径的时候,对于蓝色框的下一个文件夹AppData找不到,这个是因为你电脑隐藏了这个文件夹,关于如何显示被隐藏的文件和文件夹,步骤很简单,这里不再赘述了,请大家自行百度)

在这里插入图片描述

步骤四:修改微信快捷方式属性中的 目标值,往后面插入-remote-debugging-port=8000,然后点击确定。(注意:如果你的这个目标路径是带双引号的,请在双引号后先输入一个空格,然后再插入-remote-debugging-port=8000

在这里插入图片描述

步骤五:打开微信微信PC低版本修复工具

这个微信PC低版本修复工具在步骤一:前期准备有提到,它的作用是将我们当前安装的低版本微信伪装成高版本,不然当你登录微信的时候,可能会提醒说你当前微信版本太低,不让你登录。当然有些人可能点击登录能直接登录进去,如果能直接登录进去最好,这样就不需要这个低版本修复工具了。

在这里插入图片描述

打开微信微信PC低版本修复工具,然后点击微信低版本修复
然后会弹出一个框,按照提示将图标拖动到微信登录界面
然后会弹出一个提示框,点击
然后再去登录微信,登录后你可以去查看微信版本,发现变成了9.9.9.99

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

步骤六:进行测试,在微信内打开一个网页,然后右击,然后点击Show DevTools,就可以打开开发者工具了,完美。

在这里插入图片描述

写在最后

今天的干货就分享到这里。欢迎一键三连,持续关注“安前码后”,一个只输出干货而不是随大流的技术号。另外,赚钱的号“韭盾”,也在持续开发中,有投资兴趣的铁子们可以先关注,绝对是好物。 加油,铁子们。

微信内置浏览器默认并未提供类似桌面浏览器的开发者工具(如F12调试功能),但通过特定方法可以实现类似的功能。 对于PC端的微信内置浏览器,可以通过下载特定的资源包并进行配置来启用开发者工具。具体步骤包括下载`devtools_resources.pak`文件,并将其放置于微信的特定目录下,例如`C:\Users\99270\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589`。完成这些步骤后,通过微信发送一个链接(如`www.baidu.com`)给好友并点击该链接,此时在右键菜单中应该会出现“Show DevTools”的选项,点击即可打开开发者工具[^2]。 此外,还有一种方法是利用第三方工具WeChatOpenDevTool,它能够强制开启PC微信小程序和内置浏览器的F12开发者模式。此工具最初由开源社区的@志远大佬开发,并在GitHub上提供了完整的代码实现。尽管部分代码已被重写以解决自动化问题,但仍保留了其核心功能,使得开发者可以在微信内置环境中进行调试[^4]。 需要注意的是,不同本的微信浏览器可能会有不同的用户代理字符串,这可能会影响到调试过程中的某些行为。例如,一个典型的用户代理字符串可能是`Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/37.0.0.0 Mobile Safari/537.36 MicroMessenger/6.0.2.56_r958800.520 NetType/WIFI`,其中包含了设备信息、浏览器内核信息、微信本信息以及网络类型等[^3]。 ### 开启开发者工具的具体步骤 1. **下载资源包**:获取`devtools_resources.pak`文件。 2. **放置资源包**:将下载的文件复制到微信的特定目录下。 3. **测试链接**:通过微信发送一个链接给好友并点击该链接。 4. **启用开发者工具**:在右键菜单中找到并点击“Show DevTools”选项。 ### 使用WeChatOpenDevTool 1. **安装工具**:从GitHub获取WeChatOpenDevTool。 2. **运行工具**:按照文档说明运行工具,它会帮助你强制开启微信内置浏览器的开发者模式。 ### 注意事项 - 本差异:不同本的微信浏览器可能有不同的用户代理字符串,因此在进行适配或调试时需注意这一点。 - 安全性:用户代理字符串可以被伪造,因此在进行安全性相关的操作时,不应仅依赖用户代理字符串来判断用户身份或设备类型。 ### 示例代码 ```python # 示例代码用于演示如何检测微信浏览器 def is_wechat_browser(user_agent): return 'MicroMessenger' in user_agent # 测试用户代理字符串 user_agent = "Mozilla/5.0 (Linux; Android 5.0; SM-N9100 Build/LRX21V) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/37.0.0.0 Mobile Safari/537.36 MicroMessenger/6.0.2.56_r958800.520 NetType/WIFI" print(is_wechat_browser(user_agent)) # 输出: True ```
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值