问题标签 [firefox-developer-tools]

我在 Firefox Devtools 中扩展 css 规则查看器，发现了一些有趣的东西：这是 chrome://browser/content/devtools/cssruleview.xul 的内容：

但是，DOM 检查器显示了许多不同的元素，带有上下文菜单项的菜单弹出窗口等。我试图用它覆盖文件，但它不起作用.. 可能是因为它是动态生成的。这没有用：

在 Mozilla 中查看 CssRuleView.jsm，我发现元素是使用 createElement 创建的，而不是 xul 文件！我想知道他们为什么这样做——出于性能考虑，还是出于其他原因？

我一直在尝试将突出显示功能添加到 Firefox DevTools 调试器中，因此它将突出显示元素，而不是仅显示 [HTMLAnchorElement] 或类似内容。我知道这是可能的，因为你可以设置someElement.style.border='1px solid blue'或类似手表，它突出了元素。那么为什么不让它存储当前边框，并在鼠标悬停时使用 显示它，并在鼠标悬停element.style.border='1px solid blue'时恢复它呢？

在 Firefox devtools 中调试时，我注意到右侧监视面板中的元素具有变量名称的行，这些变量名称实际上被赋予了奇怪的 id，例如“46439”，在具有“document.getelementsbytagname('a')36”id 的父元素下。这些 id 代表什么？他们可以将显示元素映射到页面中的目标元素吗？window.DebuggerView.WatchExpressions.getItemForElement我从 Venkman尝试过，但它返回 null。这个源文件中是否有另一个函数可以提供调试器监视的目标元素？

理想情况下，我应该能够在调试上下文中“观察”诸如document.getElementsByTagName('a')、 或局部变量之类的项目，并突出显示页面中的项目，例如 Chromium/Firebug。但是我不确定如何从 Firefox 扩展中添加此功能。

更新：

经过进一步的工作，似乎可以DebuggerView.StackFrames.evaluate在断点处停止时使用运行代码，就像对chrome://browser/content/devtools/debugger-controller.js手表所做的那样。不幸的是，当我在断点处停止时，我运行了这段代码，并且DebuggerView.StackFrames.evaluate在[void] voidVenkman 中。这个评估命令是隐藏的还是私有的，还是没有初始化？

Firefox 22 引入了视觉绘制反馈模式。我还没有找到有关如何充分利用此功能的指南。我看到它在更新时会改变颜色并闪烁不同的颜色，但是不同的颜色是什么意思？我们如何解释结果并使用它来提高 Web 应用程序的性能？

是否可以在 chrome / firefox / msie 的开发人员工具中运行一个脚本，该脚本可以在页面加载/重新加载后继续存在？

例如，我想在页面 A 中获取链接 URL，加载该 URL B 并获取其页面标题，然后我想在页面 A 中返回，选择另一个链接等等

现在，如果我调用 window.location.href = somelink; 新页面已加载，但脚本在更改页面时终止

这可能吗？

先感谢您

我想在控制台let中用语句测试一些东西，但我遇到了一个问题——Firefox 或 Chromium 不支持它。我知道它是受支持的，如果您在脚本标签中设置 javascript 版本，但是是否有任何选项可以让您确保在 Firefox 和/或 Chromium 的 Web 控制台（或 Scratchpad）中启用了最新版本的 Javascript？

在 Firefox 开发工具中，XUL iframe 似乎在初始加载后不会触发。例如，请参阅此文件的底部，其中的扩展名使检查器中的选定元素更易于查看。当您打开检查器时，这是有效的，但是当您单击另一个页面时，它会恢复为旧的检查器树样式。我什至尝试过frame.contentWindow.addEventListener('load',styleit);，但是当在网页上单击链接并且页面已加载时，它不会触发。

我在 Firefox Aurora 开发者工具中调试 javascript。我在 javascript 文件中设置了一个断点，然后刷新了页面，之后我的所有断点都消失了。

刷新页面时如何在 Firefox 开发人员工具中保留断点？

我想扩展 Firefox 检查器的规则编辑器。我确实editableField在rule-view.js引用的 inplace -editor.js中找到了。我可以在哪个 XUL 窗口中获取对这些对象的引用并扩展它们？

考虑到 Firebug 的颜色选择器和其他类似插件的流行，我希望这是可能的，我想知道是否有这个指南？

当我使用开发人员控制台重新启动 Firefox 时，我按 shift+F2 然后我写

重新开始

在底部出现的命令行中，然后按 ENTER。

这当然是一个非常有用的功能，每个窗口都会消失并返回，但每个重新启动的窗口也会打开开发者控制台，就好像我在每个窗口上按 shift+F2 一样。

为什么？

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

该页面位于 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 资源链接的标签是：

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

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

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

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

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

输出显示没有有趣的东西。仅供<META content>推特参考，<A href>s和mvc-Mini-Profiler插入的两个<TD title="http://...">s。当然，他们都没有证明警告是合理的。这是完整的输出： http: //pastebin.com/kgV8XHgN

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

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

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