是否有任何工具或技术可帮助确定非安全页面元素错误的确切原因？答案

【问题标题】：Are there any tools or techniques to help determine the exact cause of a nonsecure page element error?是否有任何工具或技术可帮助确定非安全页面元素错误的确切原因？
【发布时间】：2010-09-15 15:40:06
【问题描述】：

我经常遇到这种情况，据说新页面已经过“测试”并准备就绪。但是，一旦我将页面从 http 更改为 https（安全）模式，我就会得到“此页面包含安全和非安全项目”。错误。

通常我可以很快找到问题并解决它。今天不一样了。我检查了每一个图像参考和每一个 javascript 参考及其来源，并没有发现任何应该导致这个错误的东西。

是否有任何开发人员工具或技术可以具体指出导致此错误的原因？

【问题讨论】：

标签： html https

【解决方案1】：

Firebug's Net panel。同样，仅在 Firefox 中，虽然 Firebug Lite 可能包含此功能，但我不确定。如果是这样，那也将涵盖这一点。

【讨论】：

这看起来像一个很棒的插件。感谢您的链接。
确实如此。在页面中进行可视化编辑对于解决 CSS 问题有很大帮助。这是我个人必备的 Web 开发插件之一。

【解决方案2】：

如果您使用的是 Firefox，您可以使用工具 -> 页面信息 -> 媒体，然后只需向下扫描列表即可找到非 https 链接。也可能有 JavaScript 构建动态 <script> 标签，或包含非安全元素的 CSS。

【讨论】：

谢谢！它在css中，必须是设计师使用的编辑器。我什至没有注意到它是链接的，因为在 .master 页面中引用了 css 而不是 .aspx 内容。
据我所知，这并没有显示 Javascript。不过还是有用的。
应该有一些包罗万象的东西可以帮助快速解决这些类型的“错误”。
Firebug 将显示页面中加载的任何内容。没有安全列可以轻松确定这一点，但向下滚动并将鼠标悬停在所有内容上会很快告诉您哪些元素是安全的，哪些不安全。
这正是我所做的并且发现它非常快。很高兴知道链接的实际来源来自 x.css。

【解决方案3】：

如果将来有人遇到此问题，只需添加几个其他工具：

如果你使用的是 IE，有Fiddler.
Wireshark 是另一个可能有用的工具。

【讨论】：