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

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

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

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

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

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

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

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

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

点击公众号文章后，将弹出一个窗口打开文章，负责展示，这个进程是wechatweb.exe：

【PS：WeChatApp.exe是加载小程序的进程】

查看它的启动参数：

可以看到，这实际上是一个Chromium核心的浏览器进程。事实上，微信内嵌的这个浏览器是基于Chromium嵌入式框架开发，这是一个开源项目：

微信浏览器的F12大法

既然基于Chromium，那就有F12大法，只不过被微信隐藏了。但腾讯的开发小哥哥们肯定也要调试使用啊，他们怎么做呢？

第一步：定位到浏览器的工作目录

下载一个devtools_resources.pak工具包用于支持调试，并放置到工作目录下，工作目录可以查看浏览器进程的命令行参数获得（上面图中绿色画出部分resources-dir-path）

第二步：给微信添加启动参数-remote-debugging-port=8000

添加后重启微信生效。

第三步：

点开公众号文章，启动内置浏览器，然后右键菜单会增加几个选项：

点击Show DevTools，调试窗口将会打开。开始你的F12大法吧！

检查元素：

网络通信：

Cookie信息：

最后：F12真香！

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

chrome修改js数据怎么生效_chrome浏览器中 F12 功能的简单介绍
首先介绍Chrome开发者工具中,调试时使用最多的三个功能页面是:元素(ELements).控制台(Console).源代码(Sources),此外还有网络(Network)等. 元素(Element ...
解决H5在微信浏览器或QQ浏览器修改title的问题
解决H5在微信浏览器或QQ浏览器修改title的问题参考文章: (1)解决H5在微信浏览器或QQ浏览器修改title的问题 (2)https://www.cnblogs.com/CyLee/p/77 ...
几组超神奇的网页应用代码要你在IE浏览器任意打开一个网站，然后在浏览器上输入如下代码神奇的代码，可随意修改复制页面内容！
只要你在IE浏览器任意打开一个网站,然后在浏览器上输入如下代码神奇的代码,可随意修改复制页面内容! 神奇的代码 1 javascript:R=0; x1=.1; y1=.05; x2=.25; y2= ...
使用谷歌、360浏览器的F12功能模拟微信访问网页
我们经常需要使用电脑模拟微信访问,如何使用谷歌.360浏览器的F12功能模拟微信访问网页. 1.使用谷歌浏览器打开网页,按下F12 2. 3.去掉user agernt的勾选,选择custom,并在输 ...
手把手教你修改Firefox的User-Agent伪装Android微信浏览器
增加配置结点:general.useragent.override 值(Android微信浏览器):Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5 ...
修改Firefox浏览器 user-agent 微信浏览器UA
在有些情况下,修改user agent还会起到防网页木马的作用. 在 Firefox 地址栏中输入 about:config. 右键新建一个名为 general.useragent.override ...
浏览器伪装成linux,手把手教你修改Firefox的User-Agent伪装Android微信浏览器
增加配置结点:general.useragent.override 值(Android微信浏览器):Mozilla/5.0 (Linux; U; Android 2.3.6; zh-cn; GT-S5 ...
JS动态修改单网页web应用在微信浏览器中的title
利用JS动态修改单网页web应用在微信浏览器中的title 最近做一个微信端项目,主要内容都是采用单页面web,之前做微信端,以营销H5居多,绝大多数也都是单网页,营销H5一般一个标题通吃,修改分享标 ...
ios微信浏览器动态修改title
平时使用JS修改title,直接document.title=新标题就好了这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用. 微信浏览器的title在页面加载完成后就确定了,因此如果光 ...

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

微信浏览器的F12大法

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

最新文章

热门文章