今天想通过一个实际案例,和大家分享如何利用 AI 工具,快速分析和“理解”一个网站的数据与核心逻辑。这个过程完美体现了 AI 如何赋能开发,极大提升我们的效率。

国庆节期间,在我的 AI 编程私域群里有群友找我,说想要一个职业素质测试网站的题目数据和评测分数的计算逻辑,问我有没有方法帮忙解析一下。因为当时太晚了,而且第二天就要外出,要到 7 号才回来,所以就让他发我后面再看。

7 号回来,这个群友把网址发给我了,我看了下这个网站,结构不是很复杂。而且这种扒网站数据的需求在某些情况下的确有需要(比如你要仿造目标站点做一个新站,可以扒别人的数据做快速冷启动)。于是,我把整个过程记录了下来,形成了这篇实操指南。

为了避免给这个网站带来不必要的压力,网址这里就不放出来了,大家可以关注扒网站的分析流程和方法,以后有需要的话也可以按这些方法自己操作。

打开网址,查看网页的页面结构。

通过查看上面的首页内容,里面并没有需要的答案数据,只有几个按钮,通过按钮的文字可以知道,其实是能到评测页面去的。

点击按钮之前,我们最好打开浏览器的控制台,只要按F12键就可以打开了。打开的控制台就是下面这个图里面右侧那块东西。控制台里面你可以直接查看这个网站的代码文件、网络请求信息、资源下载数据、性能数据、Html dom 树等等,通过它,这个网站在你面前几乎可以说是透明的。

网页中,你能看到的任何数据,都是需要发起网络请求的,要么在你打开网页时,就已经下载到你的浏览器里;要么就在点击某个按钮或者做其他动作时,才会把数据请求下来。总之,通过控制台,你都能找到蛛丝马迹。

因为我这次需要找的是测试的问题数据,我首先怀疑这些数据是在我点击按钮后,进入评测页面时,通过网络请求拉取到的,所以点开了控制台上方的Network那个标签。

然后随便选择一个评测按钮进行点击。

查看 Network 标签下面的所有请求

为了更好的阅读体验,来飞书看吧:

https://egtmutdg24.feishu.cn/docx/QFrzdJtQUoVE2txuKXKc0cK7nCf

Comments on "【保姆级】Claude Code+浏览器控制台,两个工具教你扒光任何网站数据,职业测评站亲测有效​" :

Leave a Reply

Your email address will not be published. Required fields are marked *

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源