微信浏览器的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元/天 解锁文章
IDA修改微信浏览器，允许F12代码检查
livepy的博客
11-01 2175
IDA修改微信浏览器，允许F12代码检查
【计算机毕设文章】高校校园交友微信小程序
Eastonzhang888的博客
07-13 525
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用高校校园交友微信小程序可以有效管理，使信息管理能够更加科学和规范。 高校校园交友微信小程序使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员高校校园交友微信小程序信息，查看高校校园交友微信小程序信息，管
pc端微信内置浏览器F12
silentloser的博客
11-27 7414
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.重启微信，登录。　随便打开一
【微信】【Windows端】开启2024最新版微信内置浏览器Devtools调试窗口
kinghzking的专栏
03-08 1万+
我们只需要将页面拖拽出来，变成多个窗口，然后打开调试窗口就可以了。在上面的图片中，显示了一个窗口，该窗口有两个页面。当打开任意一个页面的调试窗口后，我们无法打开另一个。》，虽然能够正常使用，但是保不准啥时候腾讯关闭了这个通道就失效了。在微信中，任意地方打开一个网页（图示为订阅号页面中点开的）；菜单，即可打开调试窗口（导读中的那个Devtools图片）。关键字`xweb-enable-inspect`这个是搜了很多文章，一个个试出来的，就这个好用。针对微信，使用了很多技术，这里简单的说下。
小程序攻防——抓包&反编译&强开f12
2303_79592445的博客
03-26 960
该文讲解了小程序如何抓包，将小程序包反编译，在微信小程序中强行开启f12，希望对各位师傅有帮助
转载：如何在微信内置浏览器中开启开发者模式(f12)
HRay's blog
07-14 4834
2.pak文件位置别放错了 是在c盘 不是安装位置 我的位置是C:\Users\Administrator\AppData\Roaming\Tencent\WeChat\All Users\CefResources\2589。3.最后添加完启动参数 --remote-debugging-port=8000 后一定一定一定要重启微信 前面也有说过啊！3.给微信添加启动参数 --remote-debugging-port=8000 并重启重启重启** 重要的事情说三遍！既然谷歌可以，微信浏览器自然也行。
如何在微信内置浏览器中开启开发者模式(f12)
热门推荐
qq_45863248的博客
11-04 2万+
4.打开微信，随便给好友发个链接 www.baidu.com 点击即可进入内置浏览器。相信大家都使用过浏览器的f12，可以看到浏览器所有的通讯数据以及网页源码。要知道微信浏览器内核其实就是基于谷歌浏览器开发。注意：有的不需要添加也可以，以防万一，加上就行。然而有些同学发现微信浏览器无法使用f12。重启重启重启** 重要的事情说三遍！其实只是腾讯少内置了一些工具包而已。既然谷歌可以，微信浏览器自然也行。之后出现n个选项 点击。即可弹出f12控制器。
微信小程序F12开发者工具OpenDevTools
weixin_43006837的博客
07-30 1135
微信小程序F12开发者工具OpenDevTools
H5在微信环境等环境无法F12时如何调试log
人民有信仰民族有希望国家有力量
02-14 368
vconsole 是一个开源的前端调试面板，由腾讯开源。它可以在任何支持 JavaScript 的移动端浏览器中运行，包括微信内置浏览器。vconsole 提供了类似 PC 端开发者工具的功能，如控制台日志、元素检查、网络请求监控等，极大地提高了移动端调试的效率。
使用谷歌、360浏览器的F12功能模拟微信访问网页
jingjingdejingjing的博客
09-10 3550
使用谷歌、360浏览器的F12功能模拟微信访问网页
微信小程序强制开启F12开发者调试工具
weujie
01-17 1万+
最新版微信小程序强制开启控制台模式
微信内置浏览器调试工具
04-17
微信内置浏览器调试工具 微信调试 公众号调试 微信浏览器调试
【计算机毕设文章】基于微信小程序的宿舍报修系统的设计与实现
Eastonzhang888的博客
07-11 538
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用基于微信小程序的宿舍报修系统可以有效管理，使信息管理能够更加科学和规范。 基于微信小程序的宿舍报修系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，总之，基于微信小程序的宿舍报修系统集中管理信息，有着保密性强，效率
微信小游戏开发之项目、图片资源配置和构建运行
kingoneyun的专栏
01-13 575
主题 记录Cocos Creator项目熟悉的过程： 项目基础设置 图片资源导入方式 节点创建和命名规范、UI布局 项目的主场景或者首先启动的场景怎么设置，浏览器和模拟器运行 正文 1. 项目基础设置 1.1 默认分辨率设置 创建新项目后，会自动创建一个未保存的场景，这时发现Canvas节点的Size默认是横屏的，而开发手机游戏是希望自动竖屏的，即size自动设置到我们的设计图分辨率，想要下次创建场景Canvas自动竖屏，可以到菜单栏->项目->项目设置->项目预览，按照如下图设置即可
【计算机毕设文章】基于微信小程序小说阅读系统
Eastonzhang888的博客
07-13 430
摘 要 互联网发展至今，无论是其理论还是技术都已经成熟，而且它广泛参与在社会中的方方面面。它让信息都可以通过网络传播，搭配信息管理工具可以很好地为人们提供服务。针对高校教师成果信息管理混乱，出错率高，信息安全性差，劳动强度大，费时费力等问题，采用小说阅读系统可以有效管理，使信息管理能够更加科学和规范。 小说阅读系统使用Java语言进行编码，使用Mysql创建数据表保存本系统产生的数据。系统可以提供信息显示和相应服务，其管理员小说阅读系统信息，查看小说阅读系统信息，管理小说阅读系统信息。 总之，小说阅读系统
微信小程序强制开启F12开发者工具
最新发布
students33的博客
03-27 2421
WeChatOpenDevTool是一款强大的微信小程序开发者工具，它能够强制开启PC端微信小程序和内置浏览器的F12开发者模式。这款工具由开源社区的@志远大佬精心打造，并在GitHub上提供了完整的代码实现。尽管我们只是简单地将原代码中的node部分用python3进行了重写，但已经成功地解决了许多自动化问题。请放心使用，重要代码均来源于原作者。
F12大法修改网页显示数据（仅供展示）
77生活工作室的博客
02-28 4254
F12大法好。最简单教程。
微信页面在浏览器打开
l464513926的专栏
12-06 1444
1.打开浏览器，然后按F12 2.如下图步骤操作 3.下面的值复制到步骤二中第二章图片的框中； Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.116 Safari/537.36 QBCore/4.0.1278.400 QQBrowser/9....
微信内置浏览器切换到公众号编辑状态的实现方法。
伊之仲的博客
06-16 584
success:function(data){ if(data.status == 'S'){ $('.pop-box').show(); setTimeout("WeixinJSBridge.call('closeWindow')",3000); //WeixinJSBridge.call('closeWindow') 微信内置的方法 不需要引入对应的微信js文件
如何让这个路径带上特殊打开方式 --remote-debugging-port=9222
03-16
<think>好的，用户之前问过怎么用subprocess打开Edge，现在他们想知道如何在路径中添加特殊参数--remote-debugging-port=9222。首先，我需要回忆一下subprocess模块的用法，特别是如何传递命令行参数。 用户之前的回答中提到了直接启动Edge和通过URL启动，现在需要添加调试端口参数。这时候应该考虑在启动Edge的可执行文件路径后添加这个参数。根据subprocess的文档，参数应该作为列表传递，每个参数是一个元素。 所以，正确的做法应该是在调用subprocess.Popen或者subprocess.run的时候，将msedge.exe的路径作为第一个元素，接着是--remote-debugging-port=9222，然后是其他参数比如URL。例如：[edge_path, '--remote-debugging-port=9222', url]。 需要注意，参数顺序是否正确，确保调试端口参数放在URL前面，这样Edge才会正确识别。同时，是否需要使用shell=True？之前的方法中，有些用了shell=True，有些没用。这里可能需要根据具体情况决定，但通常在这种情况下不需要，除非路径中有空格需要处理，但使用列表形式传递参数通常更安全，避免shell注入攻击。 另外，用户可能需要同时打开某个网址，所以示例中应该包含URL参数，以展示如何组合使用。同时，提醒用户这个参数的作用，用于远程调试，可能会打开一个特定的端口，需要注意安全性问题。 还需要考虑不同操作系统下的路径问题，比如Windows和macOS，但用户之前的问题主要集中在Windows上，所以可能主要展示Windows的示例。不过，如果用户跨平台使用，可能需要不同的处理方式，但暂时先以Windows为主。 最后，检查是否有语法错误，比如字符串是否正确转义，路径中的空格是否处理妥当，使用原始字符串（r前缀）来避免转义问题。同时，异常处理是否需要加强，比如路径错误或参数错误的情况，但用户可能更关注如何正确添加参数，所以示例中可以简化异常处理部分。 总结，正确的代码示例应该是在subprocess调用中加入--remote-debugging-port参数，并确保参数顺序正确，同时说明这个参数的作用和使用场景。</think>要在启动Microsoft Edge时添加调试参数`--remote-debugging-port=9222`，可以通过`subprocess`模块将参数直接传递给浏览器可执行文件。以下是具体实现： --- ### **解决方案** ```python import subprocess # Edge路径（Windows默认安装位置） edge_path = r"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" # 启动参数（调试端口+目标网址） args = [ edge_path, "--remote-debugging-port=9222", # 启用远程调试端口 "https://www.bing.com" # 可选：指定打开的网址 ] # 启动浏览器（非阻塞模式） try: subprocess.Popen(args) except FileNotFoundError: print("错误：Edge路径不存在，请检查安装位置") ``` --- ### **关键细节说明** 1. **参数顺序**： - `--remote-debugging-port=9222` **必须**放在浏览器路径之后、网址之前。 - 错误示例：`[edge_path, url, "--remote-debugging-port=9222"]`（参数可能被忽略） 2. **调试用途**： - 此参数会启动一个支持Chrome DevTools协议的实例，常用于： - 自动化测试（如Selenium配合使用） - 网页爬虫调试 - 浏览器扩展开发 3. **跨平台兼容性**： - **macOS/Linux**需调整路径： ```python edge_path = "/Applications/Microsoft Edge.app/Contents/MacOS/Microsoft Edge" subprocess.Popen([edge_path, "--remote-debugging-port=9222"]) ``` 4. **验证是否生效**： - 访问`http://localhost:9222/json/version`，若返回浏览器信息则说明端口已开启。 --- ### **替代方案：使用`webbrowser`模块（简化版）** 若不需要精细控制，可使用内置库： ```python import webbrowser webbrowser.get("windows-default").open("http://localhost:9222") # 注意：此方法无法直接添加--remote-debugging-port参数 ``` --- ### **常见问题** - **端口冲突**：确保`9222`端口未被其他进程占用。 - **路径错误**：若报错`FileNotFoundError`，需手动确认Edge安装路径（如更新到Edge Chromium版后路径可能不同）。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值