如何弄清楚如何在网站上发起请求?

时间:2018-05-18 16:32:47

标签: javascript css http google-chrome-devtools developer-tools

所以我在Magento上构建了这个站点,在请求部分,主页URL被请求两次,我想找出启动第二个请求的内容,这似乎是非常不必要的并且增加了站点的加载速度。

network tab on chrome


如果我点击其他,则显示此行正在启动此请求 enter image description here


在这一行下,我看到从这里加载了一些javascript,所以我认为启动器是javascript文件之一。但我在chrome调试选项上禁用了javascript,但我仍然收到了请求 enter image description here


并且它说发起人是https://www.yogastudio.co.uk/media/amoptimization/skin/frontend/base/default/js/amasty/amconf/configurableList.js但我不太了解javascript而且我没有看到任何可以发起此请求的js。
enter image description here


你能帮我找到发出这个请求的启动代码吗? 谢谢。 的Shahriar

1 个答案:

答案 0 :(得分:0)

如果查看Firefox的网络选项卡,它会显示请求的来源是图像。 enter image description here

这通常意味着您在代码中执行类似<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属性,或将其设置为正确的图像。