检查元素/开发人员的工具有时不会产生结果答案

【问题标题】：Inspect Element/Developer's Tools not producing results sometime检查元素/开发人员的工具有时不会产生结果
【发布时间】：2019-08-04 11:48:45
【问题描述】：

我可以运行一个 javascript 代码，有时它会产生输出，有时它不会。如果我等待 5-20 分钟，我可以不做任何更改就返回，它会起作用。直到我导航离开和返回，然后什么都没有。 Firefox、IE 和 chrome 也是如此。我正在做一个相当简单的 get.elementsByClassName 然后控制台日志。有时它会产生，有时则不会。我正在尝试从 sonicwall 的演示防火墙页面中抓取数据。 https://realtime.demo.sonicwall.com/main.html

var els = document.getElementsByClassName ('swlTabContainer 
swlTblContainer');
var csvString = []; 
for(i=0;i<els.length;i++)
{
csvString = els[i].innerText;
console.log(els[i].innerText);
}
var pom = document.createElement('a');
var csvContent=csvString; //here we load our csv data
var blob = new Blob([csvContent],{type: 'text/csv;charset=utf-8;'});
var url = URL.createObjectURL(blob);
pom.href = url;
pom.setAttribute('download', 'addgrp.csv');
pom.click();

【问题讨论】：

我理解你的描述，你能发布你的确切代码和步骤。有时代码比描述给出更好的主意。它可以帮助我们了解您在代码中所做的事情，从而有助于缩小问题的范围。还请告知我们，此问题是否发生在任何网站上，还是只能在上述网站上发生？您当前使用的是哪个操作系统（带有构建版本）？
我刚刚编辑了帖子以包含代码。提前致谢。
如果您在该页面上运行该代码，该代码位于 NETWORK -> 地址对象，-> 地址组（单击顶部的地址组按钮）。有时您会通过运行相同的代码获得数据，有时却不会。
我想知道，你是如何用 IE 运行上面的代码的？在 chrome 中，我们可以将 JS 代码粘贴到控制台中，但我不允许用户将 JS 代码粘贴到其控制台中。
我同时使用 IE 和 Chrome 开发工具以及 Inspect Element。我将它插入浏览器控制台没有问题。问题是，有时它会返回数据，有时则不会。我可以运行代码并产生结果，然后刷新同一页面，等待 2 分钟并按向上箭头重新加载最后一个代码，但我什么也没得到...

标签： javascript google-chrome internet-explorer firefox browser

【解决方案1】：

仅查看您提供的页面，它的加载似乎确实很慢。

也许这是一个尝试同步抓取 Web 数据的问题，当您使用回调函数异步执行此操作时，一旦页面已加载。

也许可以看看load event reference 上的 mdn 页面：

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");
  });
  // scrape for your data
</script>

【讨论】：

我以为我可以运行您上面的内容并期待文本，但我仍然从上面的脚本中一无所获。我想如果数据在屏幕上，它已经加载，但我猜页面仍在加载？如果是这种情况，我怎么能运行一个 get 元素并检索数据，然后 10 分钟后只需按向上键，并生成相同的脚本，这次什么都没有？
您在什么环境下工作？您只是在浏览器的控制台中输入内容吗？
是的，Chrome 和 IE
我用IE和Chrome做了几次测试。我也等待页面完全加载。但是在这两种浏览器中，我都遇到了错误。在 IE 中：i.postimg.cc/hG7MN5MF/112.png 在 Chrome 中：i.postimg.cc/Gm6xPjRX/113.png 请您检查发布的代码，是否有任何问题。