如何弄清楚网站中的请求是如何发起的？

Question

所以我在 Magento 和请求部分建立了这个网站，主页 URL 被请求了两次，我想找出是什么发起了第二个请求，这似乎是非常不必要的，并且增加了网站的加载速度.

如果我点击其他，它显示这一行正在发起这个请求

在这一行下，我看到一些 javascript 从这里加载，所以我认为发起者是 javascript 文件之一。但是我在 chrome 调试选项上禁用了 javascript，我仍然收到请求。

它说发起者是 https://www.yogastudio.co.uk/media/amoptimization/skin/frontend/base/default/js/amasty/amconf/configurableList.js but I don't know much javascript and I don't see anything on that js that can initiate this request.

你能帮我找到发出这个请求的启动代码吗？
谢谢。沙赫里尔

Answer 1

如果您查看 Firefox 的网络选项卡，它会告诉您请求的来源是图像。

这通常意味着您在代码中执行类似 <img src=""> 的操作，空白源将被解释为当前的 URL。我搜索了源代码但没有找到，所以我禁用了 javascript，重新加载了页面并运行控制台中的以下代码：

var imList=document.getElementsByTagName('img');
Array.prototype.forEach.call(imList, function(img){ 
    console.log(img.getAttribute('src')); 
});

这将打印出每个图像的源属性。查看列表，我看到一些设置为 # 的项目，这会导致与空白源相同的问题。搜索 src="#" 的来源，然后发现您的问题所在。

<img class="lazyimg img-responsive"
src="#"
alt="image"
data-src="https://scontent.cdninstagram.com/vp/1603184ac748edf036bd176a90da684c/5B983A79/t51.2885-15/s320x320/e35/31739402_1703759226384844_5600588941112639488_n.jpg"/>

您需要删除 src 属性，或将其设置为适当的图像。

如何弄清楚网站中的请求是如何发起的？

How to figure out how is a request being initiated in a website?

javascript

css

http

google-chrome-devtools

developer-tools