17370845950

第一步：打开Chrome开发者工具

抄近道。 你想要检查链接是不是好用的，先得打开这个超酷的工具！在Windows/Linux上， 你可yi按住F12键，huo者按Ctrl + Shift + I，Mac用户就按Cmd + Option + I。也可yi用鼠标右键，点点网页上随便哪里ran后选“检查”啦！huo者，你还可yi找到浏览器右上角那个三个点的菜单，点开它，再选“geng多工具”，再说说找到“开发者工具”。

第二步：切换到Network面板

优化一下。 打开开发者工具后 你会kan到几个不同的面板，比如Elements、Console、Sources等等。我们要找的是“Network”面板，它可yi帮助我们监控网页上的网络活动。

第三步：开始捕获网络请求

Network面板默认就会开始记录网络请求了。如guo你之前停下来啦，就按面板左上角那个圆圆的按钮，让它重新开始工作。

第四步：观察链接请求

显示suo有发出去的HTTP请求。每个请求dou有它的状态码、类型和时间。Zui新的请求通常在Zui上面。

第五步：查kan特定链接的详细信息

瞎扯。 找到你刚刚点击的那个链接的请求， 它可Neng是HTML、JShuo者XHR类型的。点开它， 你就Nengkan到geng多细节啦：

第六步：使用过滤器

如guo你的网页有hen多网络活动， 你可yi用Network面板顶部的过滤器只kan特定类型的请求，比如XHRhuo者Fetch请求，这样就Nenggeng快地找到你想要的链接啦，牛逼。！

第七步：模拟点击链接

你还可yi在Elements面板里找到链接的HTML元素， 右键点它，选“模拟点击”。ran后kankanNetwork面板的反应， 好吧好吧... 这样在开发者工具里就Neng直接测试链接啦！

tong过这些超简单的步骤，你就Neng详细了解网页上链接的加载过程和响应情况了。 痛并快乐着。 这对我们调试问题、优化网页速度huo者分析别人网站的链接douhen有用哦！