微信浏览器的F12大法！学会随意修改！

最新推荐文章于 2025-03-27 11:52:47 发布
最新推荐文章于 2025-03-27 11:52:47 发布
阅读量2.2w 收藏 76
点赞数 16
分类专栏： Tools 文章标签： 1024程序员节
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43314519/article/details/120934426
版权

程序员，尤其是前端程序员可能都知道什么是F12大法：按下F12，启动浏览器的调试窗口，网页的秘密一览无遗。

通过浏览器的调试窗口，我们可以看到浏览器和web服务器的所有通信数据，网页的源代码、Ajax请求、Cookie、Session信息都能尽在掌握，这对于我们分析前端问题，窥探通信数据都非常有帮助。

图片

但你有没有想过，你在打开这篇文章的时候，微信和它的后端服务器传输了什么内容？评论留言是怎么获取的？打赏信息又是怎么加载的？微信不允许外链又是怎么实现的？

但遗憾的是，在浏览器中打开公众号文章时候，包括阅读、点赞、在看、留言、赞赏在内的很多数据都没有进行展示，这些数据只能在微信客户端里面才会出现，我想很有可能是为了防止爬虫获取到这些信息。

如果能够像在浏览器中那样调试微信公众号文章，就能看到这些信息了。

好消息是：还真有办法！。

说明：本文针对的是微信PC客户端。

微信的PC端其实内置了一个浏览器：

image-20210225094847324

点击公众号文章后，将弹出一个窗口打开文章，负责展示，这

最低0.47元/天 解锁文章
图文全程手把手教你微信小程序WebView逆向抓包和调试全过程和方法
代码简单说 Vue、JAVA、PHP、Node.js 熟练运用，接口、架构、性能全搞定。
03-17 1546
ADB（Android Debug Bridge）是安卓的调试工具，可以让电脑与手机进行通信，必要时还能直接获取调试信息。先启用安装ADB并连接手机用远程调试刷新 WebView 抓取数据这样，就能轻松搞定小程序 WebView 的抓包分析了，有了这个方法，基本上微信小程序里的网页请求都能一网打尽！
【计算机毕设文章】高校校园交友微信小程序
Eastonzhang888的博客
07-13 515
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用高校校园交友微信小程序可以有效管理，使信息管理能够更加科学和规范。 高校校园交友微信小程序使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员高校校园交友微信小程序信息，查看高校校园交友微信小程序信息，管
IDA修改微信浏览器，允许F12代码检查
livepy的博客
11-01 2113
IDA修改微信浏览器，允许F12代码检查
如何在微信内置浏览器中开启开发者模式(f12)
热门推荐
qq_45863248的博客
11-04 2万+
4.打开微信，随便给好友发个链接 www.baidu.com 点击即可进入内置浏览器。相信大家都使用过浏览器的f12，可以看到浏览器所有的通讯数据以及网页源码。要知道微信浏览器内核其实就是基于谷歌浏览器开发。注意：有的不需要添加也可以，以防万一，加上就行。然而有些同学发现微信浏览器无法使用f12。重启重启重启** 重要的事情说三遍！其实只是腾讯少内置了一些工具包而已。既然谷歌可以，微信浏览器自然也行。之后出现n个选项 点击。即可弹出f12控制器。
如何调试微信内置浏览器应用（企业号、公众号、订阅号）
秦时明月的专栏
03-15 2943
文章目录前言一、步骤1.下载devtools_resources.pak2.微信开启步骤2.企业微信开启步骤参考文章 前言 微信企业号应用，微信默认是没有开启调试模式的，线上环境出了问题，没办法像PC端浏览器一样F12开启调试模式，是很不方便的，下面告诉你如何开启 一、步骤 1.下载devtools_resources.pak 下载链接：https://dldir1.qq.com/foxmail/wwopen_docFile/devtools_resources.pak 2.微信开启步骤 第一步：将de
转载：如何在微信内置浏览器中开启开发者模式(f12)
HRay's blog
07-14 4684
2.pak文件位置别放错了 是在c盘 不是安装位置 我的位置是C:\Users\Administrator\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589。3.最后添加完启动参数 --remote-debugging-port=8000 后一定一定一定要重启微信 前面也有说过啊！3.给微信添加启动参数 --remote-debugging-port=8000 并重启重启重启** 重要的事情说三遍！既然谷歌可以，微信浏览器自然也行。
使用谷歌、360浏览器的F12功能模拟微信访问网页
jingjingdejingjing的博客
09-10 3493
使用谷歌、360浏览器的F12功能模拟微信访问网页
pc端微信内置浏览器F12
silentloser的博客
11-27 7356
pc端微信内置浏览器F12 1、下载devtools_resources.pak 　https://files.cnblogs.com/files/wunaozai/devtools_resources.zip 由于版本的区别，需要下载对应版本的devtools_resources.pak）。然后将devtools_resources.pak放到上面 配置微信启动参数 　　在微信快捷方式，右键属性，目标后面增加 -remote-debugging-port=8000 3.重启微信，登录。　随便打开一
微信小程序F12开发者工具OpenDevTools
weixin_43006837的博客
07-30 1086
微信小程序F12开发者工具OpenDevTools
H5在微信环境等环境无法F12时如何调试log
人民有信仰民族有希望国家有力量
02-14 308
vconsole 是一个开源的前端调试面板，由腾讯开源。它可以在任何支持 JavaScript 的移动端浏览器中运行，包括微信内置浏览器。vconsole 提供了类似 PC 端开发者工具的功能，如控制台日志、元素检查、网络请求监控等，极大地提高了移动端调试的效率。
微信小程序强制开启F12开发者调试工具
weujie
01-17 1万+
最新版微信小程序强制开启控制台模式
微信小程序强制开启F12开发者工具
最新发布
students33的博客
03-27 1151
WeChatOpenDevTool是一款强大的微信小程序开发者工具，它能够强制开启PC端微信小程序和内置浏览器的F12开发者模式。这款工具由开源社区的@志远大佬精心打造，并在GitHub上提供了完整的代码实现。尽管我们只是简单地将原代码中的node部分用python3进行了重写，但已经成功地解决了许多自动化问题。请放心使用，重要代码均来源于原作者。
微信内置浏览器调试工具
04-17
微信内置浏览器调试工具 微信调试 公众号调试 微信浏览器调试
【计算机毕设文章】基于微信小程序的宿舍报修系统的设计与实现
Eastonzhang888的博客
07-11 528
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用基于微信小程序的宿舍报修系统可以有效管理，使信息管理能够更加科学和规范。 基于微信小程序的宿舍报修系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，总之，基于微信小程序的宿舍报修系统集中管理信息，有着保密性强，效率
微信小游戏开发之项目、图片资源配置和构建运行
kingoneyun的专栏
01-13 540
主题 记录Cocos Creator项目熟悉的过程： 项目基础设置 图片资源导入方式 节点创建和命名规范、UI布局 项目的主场景或者首先启动的场景怎么设置，浏览器和模拟器运行 正文 1. 项目基础设置 1.1 默认分辨率设置 创建新项目后，会自动创建一个未保存的场景，这时发现Canvas节点的Size默认是横屏的，而开发手机游戏是希望自动竖屏的，即size自动设置到我们的设计图分辨率，想要下次创建场景Canvas自动竖屏，可以到菜单栏->项目->项目设置->项目预览，按照如下图设置即可
【计算机毕设文章】基于微信小程序小说阅读系统
Eastonzhang888的博客
07-13 428
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用小说阅读系统可以有效管理，使信息管理能够更加科学和规范。 小说阅读系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员小说阅读系统信息，查看小说阅读系统信息，管理小说阅读系统信息。 总之，小说阅读系统
如何突破限制，在PC上调试微信手机页面
得峰的专栏 [网络收藏]
08-22 1506
场景 假设一个手机页面，开发者对其做了限制，导致只能在微信客户端中打开。而众所周知手机上非常不利于调试页面，所以需要能在电脑上打开并进行调试。这里针对常见的三种页面做一下分析，一一绕过其限制，（当然不要拿去干坏事） 工具准备 ‍‍‍‍1、方便调试的浏览器。个人喜欢Chrome，本文基于Chrome 43.0.2357.130 (正式版本) m （32 位）环境； 2、抓包工具，推荐fi
【微信】【Windows端】开启2024最新版微信内置浏览器Devtools调试窗口
kinghzking的专栏
03-08 1万+
我们只需要将页面拖拽出来，变成多个窗口，然后打开调试窗口就可以了。在上面的图片中，显示了一个窗口，该窗口有两个页面。当打开任意一个页面的调试窗口后，我们无法打开另一个。》，虽然能够正常使用，但是保不准啥时候腾讯关闭了这个通道就失效了。在微信中，任意地方打开一个网页（图示为订阅号页面中点开的）；菜单，即可打开调试窗口（导读中的那个Devtools图片）。关键字`xweb-enable-inspect`这个是搜了很多文章，一个个试出来的，就这个好用。针对微信，使用了很多技术，这里简单的说下。
F12大法修改网页显示数据（仅供展示）
77生活工作室的博客
02-28 2995
F12大法好。最简单教程。
mac微信内置浏览器f12
03-12
### 微信内置浏览器开发者工具的使用 对于 Mac 系统上的微信内置浏览器，直接通过 F12 或者其他快捷键来开启开发者工具的方式并不可行[^1]。这是因为微信内置浏览器并没有像 Chrome 那样提供原生支持开发者工具的功能。 然而，在开发调试过程中可以采用间接的方法来进行： #### 使用远程调试功能 如果目标是在 macOS 的微信客户端中测试网页应用，则可以通过启用微信 Web 开发者工具中的远程调试选项实现这一目的。具体操作如下： - 安装官方提供的 WeChat DevTools 应用程序； - 启动应用程序之后连接到正在运行的应用实例； - 利用微信开发者工具内的界面访问所需的网络资源，并对其进行分析和调整； 另外一种方法就是借助外部浏览器环境模拟微信内置浏览器的行为特性。例如可以在 Chrome 中更改 User-Agent 字符串以模仿微信浏览器的效果[^3]。 ```python # Python 示例代码用于演示如何设置请求头来伪装成来自微信浏览器的请求 import requests headers = { 'User-Agent': 'Mozilla/5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 ' '(KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1 wechatdevtools/' '0.18.1701240 MicroMessenger/6.3.15 Language/zh_CN webview/', } response = requests.get('https://example.com', headers=headers) print(response.text) ``` 值得注意的是，虽然这种方法可以帮助开发者更好地理解页面在不同设备下的表现形式，但它并不能完全替代真实的用户体验测试过程。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值