今天想通过一个实际案例,和大家分享如何利用 AI 工具,快速分析和“理解”一个网站的数据与核心逻辑。这个过程完美体现了 AI 如何赋能开发,极大提升我们的效率。
国庆节期间,在我的 AI 编程私域群里有群友找我,说想要一个职业素质测试网站的题目数据和评测分数的计算逻辑,问我有没有方法帮忙解析一下。因为当时太晚了,而且第二天就要外出,要到 7 号才回来,所以就让他发我后面再看。

7 号回来,这个群友把网址发给我了,我看了下这个网站,结构不是很复杂。而且这种扒网站数据的需求在某些情况下的确有需要(比如你要仿造目标站点做一个新站,可以扒别人的数据做快速冷启动)。于是,我把整个过程记录了下来,形成了这篇实操指南。
为了避免给这个网站带来不必要的压力,网址这里就不放出来了,大家可以关注扒网站的分析流程和方法,以后有需要的话也可以按这些方法自己操作。
打开网址,查看网页的页面结构。

通过查看上面的首页内容,里面并没有需要的答案数据,只有几个按钮,通过按钮的文字可以知道,其实是能到评测页面去的。
点击按钮之前,我们最好打开浏览器的控制台,只要按F12键就可以打开了。打开的控制台就是下面这个图里面右侧那块东西。控制台里面你可以直接查看这个网站的代码文件、网络请求信息、资源下载数据、性能数据、Html dom 树等等,通过它,这个网站在你面前几乎可以说是透明的。
网页中,你能看到的任何数据,都是需要发起网络请求的,要么在你打开网页时,就已经下载到你的浏览器里;要么就在点击某个按钮或者做其他动作时,才会把数据请求下来。总之,通过控制台,你都能找到蛛丝马迹。
因为我这次需要找的是测试的问题数据,我首先怀疑这些数据是在我点击按钮后,进入评测页面时,通过网络请求拉取到的,所以点开了控制台上方的Network那个标签。

然后随便选择一个评测按钮进行点击。
查看 Network 标签下面的所有请求

为了更好的阅读体验,来飞书看吧:
https://egtmutdg24.feishu.cn/docx/QFrzdJtQUoVE2txuKXKc0cK7nCf
Comments on "【保姆级】Claude Code+浏览器控制台,两个工具教你扒光任何网站数据,职业测评站亲测有效" :