一 查看请求
1 Chrome浏览器打开开发工具,然后访问https://cuiqingcai.com/5597.html
2 在Elements选项卡中便会观察到网页的源代码,右侧便是节点的样式。如下所示:
3 但这不是我们想要寻找的内容。切换到Network选项卡,随后重新刷新页面,可以发现这里出现了非常多的条目,如下图所示:
这其实就是在页面加载过程中浏览器与服务器之间发送请求和接收响应的所有记录。
4 Ajax请求类型。
Ajax其实有其特殊的请求类型,它叫作xhr。在下图,我们可以发现一个名称以getIndex开头的请求,其Type为xhr,这就是一个Ajax请求。用鼠标点击这个请求,可以查看这个请求的详细信息。
在右侧可以观察到其Request Headers、Request URL和Response Headers等信息。其中Request Headers中有一个信息为X-Requested-With:XMLHttpRequest,这就标记了此请求是Ajax请求。
5 Preview页签看数据
随后点击一下Preview,即