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

Question

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

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

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

它说发起者是https://www.yogastudio.co.uk/media/amoptimization/skin/frontend/base/default/js/amasty/amconf/configurableList.js但我对 javascript 了解不多，而且我在该 js 上看不到任何可以发起此请求的内容。

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

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="#"然后 Revel 于您的问题所在。

<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 属性，或将其设置为适当的图像。