微信浏览器的调试窗口,网页的秘密一览无遗

2023-12-17
来源:网络整理

程序员尤其是前端程序员可能都知道F12方法是什么:按F12启动浏览器的调试窗口,网页的秘密一目了然。

通过浏览器的调试窗口,我们可以看到浏览器与Web服务器之间的所有通信数据。 网页源代码、Ajax请求、信息都可以触手可及。 这对于我们分析前端问题、窥探通信数据非常有用。 帮助。

但你有没有想过,当你打开这篇文章时,微信及其后台服务器传输的内容是什么? 你如何获得评论? 奖励信息是如何加载的? 微信怎么不允许外部链接呢?

但遗憾的是,当你在浏览器中打开公众号文章时,很多包括阅读、点赞、观看、留言、欣赏等数据都没有显示。 这些数据只能出现在微信客户端中。 我想这可能是为了防止爬虫获取这些信息。

如果你能像在浏览器中一样调试微信公众号文章,就可以看到这些信息。

好消息是:有办法! 。

注:本文适用于微信PC客户端。

PC版微信其实内置了浏览器:

公众号进入_进入公众微信号怎么退出_微信进入公众号

点击公众号文章后,会弹出窗口打开文章并展示。 这个进程是.exe:

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

查看其启动参数:

正如你所看到的,这实际上是一个核心浏览器进程。 其实微信内嵌的浏览器是基于内嵌框架开发的,该框架是一个开源项目:

微信浏览器F12方法

由于是基于F12的,所以只是被微信隐藏了。 但腾讯的开发兄弟也必须调试和使用。 他们是如何做到的呢?

步骤一:找到浏览器的工作目录

下载支持调试的.pak工具包,并将其放置在工作目录下。 工作目录可以通过查看浏览器进程的命令行参数来获取(上图中绿色部分-dir-path)

第二步:微信添加启动参数---port=8000

添加后,重启微信即可生效。

第三步:

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

进入公众微信号怎么退出_微信进入公众号_公众号进入

单击“显示”,将打开调试窗口。 开启你的F12大法吧!

检查元素:

电信:

信息:

最后:F12的味道真好!

分享