google-chrome - 如何识别 Chrome DevTools 或 Firefox 中的不安全内容？

Question

我的网页有时(很少)显示“存在一些不安全的资源”警告图标(黄色锁)，如下面的屏幕截图所示。然而，这种情况很少发生，现在我又捕获了一个，我不想再错过它，所以我不能冒丢失页面的风险。

该页面位于 URL:https://eksisozluk.com/sedat-kapanoglu-ve-40-kisiye-hapis-talep-edilmesi--3960310 .您可能不会看到警告(除非是 Firefox)，因为我没有连续尝试使用 Chrome，并且在出现错误时我已经登录。因此，假设您和我再也不会在 Chrome 上看到该警告图标。

当我使用网站时 Devtools 没有打开，所以“网络”选项卡是空的。那部分将不起作用。

“资源”将所有 JS 和 CSS 条目显示为 https，那里没有来自 http 的单一资源。

该页面加载了 jQuery，因此我尝试查询 $('*[href^="http:"]')和 $('*[src^="http:"]')无济于事。该页面包含一些外部 http 链接(不是资源，普通的 a href 的)但不会触发警报。

我正在使用卡巴斯基反病毒软件，它使用代理来扫描传入/传出流量。这可能会造成一些麻烦，尽管到目前为止我在其他网站上没有遇到任何问题。

我尝试“查看页面源代码”并在其中搜索 http 资源，但只有带有 http 资源链接的标签是:

<meta name="twitter:image" content="http://eksisozluk.com/content/img/ilogo120.png" />

当图标也是绿色时，它实际上存在于页面中。所以这不能成为原因。

有没有办法直接查看 Chrome 中的“不安全内容”？

当我在 Firefox 中查看页面时，它显示“部分加密”，但也没有显示未加密的内容。 “媒体”选项卡中的所有项目均以“https://”开头。

实际上，现在我可以在 Firefox 上连续重现该问题。我查看了网络选项卡，“无”显示为 http://然而 Firefox 告诉我“部分加密”。我不确定 Firefox 是否出于与 Google 相同的原因这么说(因为 Firefox 对此一贯坚持)，但我提供了这两种情况，以防它们属于相同的根本原因。

我终于在 Chrome 控制台中写了这段代码来找到罪魁祸首:

$("*").each(function (index, elem) {
  var attrs = elem.attributes;
  for(var n = 0; n < attrs.length; n++) {    
    var attr = attrs[n];
    if(attr.nodeValue.indexOf("http://") >= 0) {
      console.log("FOUND: <" + elem.nodeName + " " + attr.nodeName + "='" + attr.nodeValue + "'>");
      console.log($(elem));
    }
  }
});

输出没有显示任何有趣的东西。只有<META content>推特引用，<A href> s和两个<TD title="http://...">这是 Mvc-Mini-Profiler 插入的。当然，他们都没有理由发出警告。这是完整的输出:http://pastebin.com/kgV8XHgN

所以这看起来真的很有趣。 DOM 中没有一个元素包含“HTTP”链接，但 Chrome 会警告“不安全”内容。我很苦恼。

页面上没有 iframe。 ( $("iframe") 返回 [] )

编辑:该死的，我丢失了页面 :((导航到一个链接，后退按钮变为 SSL 图标变为绿色)。我知道它不会持续很长时间。但我仍然感谢任何帮助，因为它不是第一个我看到那个问题的时候。

Answer 1

刚刚遇到这个问题 - 如果您检查 Chrome 中的 Javascript 控制台，它现在会告诉您问题出在哪里。