标签: firefox-developer-tools
确定哪个 DOM 元素导致父元素的尺寸增加
当网站未包含在移动视口内时，有时我会遇到此问题，并且我需要确定导致宽度超出的原因。
通常，我通过隐藏不同元素的反复试验来做到这一点，直到元素重置为所需的 100% 宽度。然后我对每个子元素重复，直到找到导致它的子元素。
Firefox 或 Chrome 开发工具（或使用插件）是否有办法查看哪个 DOM 子元素正在决定当前元素的尺寸？
推荐指数
解决办法
查看次数
离线 Firefox 性能工具
我在安全企业网络上开发的 Web 应用程序存在一些性能问题。互联网连接不可用。从某些版本的 Firefox 开始，性能工具会将我发送到类似“https://profiler.firefox.com/from-browser”的内容，当然，这是无法访问的。
如何在没有互联网连接的情况下分析性能问题？（离线工具还是 Firefox 性能工具的替代品？）
推荐指数
解决办法
查看次数
如何禁止在 Firefox 控制台中显示扩展错误？
我不断收到来自 LastPass 和 JS 控制台（Firefox Devtools）中其他一些扩展的错误。筛选出以下错误之一。
在我的 about:config 中extensions.logging.enabled设置为false. 控制台位于主线程上，所以不知道为什么我会看到它们。
推荐指数
解决办法
查看次数
如何获得Firefox调试器手表的目标元素？
我一直在尝试将突出显示功能添加到Firefox DevTools调试器中,因此它将突出显示该元素,而不是仅显示[HTMLAnchorElement]或类似内容.我知道这是可能的,因为你可以设置someElement.style.border='1px solid blue'或类似于手表,它可以突出元素.那么为什么不让它存储当前边框,并在鼠标悬停时显示它element.style.border='1px solid blue',并在mouseout上恢复它？
在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] void在的Venkman.这个评估命令是以某种方式隐藏还是私有,还是未初始化？
javascript debugging watch firefox-addon firefox-developer-tools
推荐指数
解决办法
查看次数
在实际网页上执行JavaScript文件的最快捷,最简单的方法是什么？
我有这个JavaScript文件的URL:
https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js
(托管在GitHub上并通过RawGit传递),我想通过浏览器控制台将其注入实时网页.
为了实现这一点,我可以动态创建一个<script>元素并将其附加到DOM:
(function () {
var s = document.createElement('script');
s.src = 'https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js';
document.body.appendChild(s);
}())
但这既不快也不容易.我想使用一个API,通过一个简单的调用使这成为可能,例如:
exec('https://rawgit.com/Khan/tota11y/master/build/tota11y.min.js')
Chrome或Firefox是否在其控制台中提供此类API(或类似内容)？
使用案例:在实时网页上快速测试GitHub上托管的JavaScript库.
javascript console google-chrome-devtools firefox-developer-tools
推荐指数
解决办法
查看次数
如何在firefox python selenium中打开控制台？
我试图通过Selenium用Python打开firefox控制台.如何用python selenium打开firefox控制台？是否可以将钥匙发送给司机或类似的东西？
推荐指数
解决办法
查看次数
适用于Firefox WebExtensions的chrome.proxy API
Firefox WebExtensions是否支持更改代理首选项的API(例如chrome.proxy API)？
Mozilla有计划添加吗？
javascript firefox-addon firefox-developer-tools firefox-addon-webextensions
推荐指数
解决办法
查看次数
在Firefox开发人员工具控制台标签中显示完整的URI / URL
我一直依靠Firefox中的Firebug控制台选项卡来显示完整的ajax调用，我的系统都广泛使用ajax，它对于监视一个清单中的调用很有用。我一直发现Firebug是此功能的最完整版本，正是这一功能使我无法迁移到其他浏览器（包括FF自己的开发者控制台），唯一的确定端点的方法是将鼠标悬停在请求上，或在打开响应面板后单击两次鼠标，然后单击“参数”选项卡。这些在工作环境中都不是很有用。
但是，在最新的FF中，我发现不赞成使用Firebug，而推荐使用内置的开发人员控制台，因此我认为，如果Firebug要消失，则必须有一种方法可以根据自己的喜好配置替换项。
这是一个并排的示例输出，右侧（Firebug）不仅显示端点，而且还显示该行中的所有参数，例如“ ajax.php？home＆act = counters”，而左侧（内置在控制台中）只需为所有呼叫显示“ ajax.php”。
推荐指数
解决办法
查看次数
Firefox中的HTML <template>为空(devtools,在document.importNode()之后)
我想使用html-templates.使用Chrome一切正常,但在Firefox中,template-element没有任何内容......也许它只是在调试器中没有显示,但是当我尝试实例化模板的内容时我也没有得到任何内容.
这个模板元素:
...
<body>
<template>qwertz</template>
</body>
...
当我检查Firefox调试器中的元素时,没有任何内容(我希望"qwertz").看起来很简单......但不幸的是我看不到我在这里失踪的东西......
firefox html5 web-component firefox-developer-tools html5-template
推荐指数
解决办法
查看次数
如何在Chrome或Firefox开发人员工具控制台中使用RxJS Observable？
我想快速测试一些可观察的相关功能。在我的Chrome开发人员工具（或Firefox）中，没关系。
在我看来，几天前我能够简单地执行如下代码：
var test$ = Rx.Observable.from([1,2,3]);
直接在我的JavaScript控制台中。我的回忆似乎更加正确，因为我实际上是从我的开发工具控制台历史中挖出了这个示例（以及许多其他示例）！
由于某种原因，它不再起作用了。我收到此错误：
未被捕获的ReferenceError：未定义Rx
或者如果我只是使用Observable而不是Rx.Observable
未捕获的ReferenceError：未定义Observable
import在Chrome控制台中无法使用“原样”语句。有人有使用浏览器的Javascript控制台调试RxJS代码的解决方案吗？
javascript google-chrome-devtools rxjs firefox-developer-tools
推荐指数
解决办法
查看次数