标签: firefox-developer-tools
为什么Firefox会忘记变量的价值？调试解决方案？
脚步:
在Firefox 29.0.1(Windows 7 x64)中打开页面:
Run Code Online (Sandbox Code Playgroud)<!doctype html> <title>Test</title> <script> (function () { var x = 5, f = function () { setTimeout(f, 1000); }; f(); }()); </script>打开开发人员工具(F12).
在调试器中,设置断点:
setTimeout(f, 1000);一旦断点被击中,请
x在控制台中进行评估.结果:undefined
f.所以在后续调用f的值x是undefined.有趣的是,我在Chrome 35和IE11中看到了相同的行为.问题:发生了 什么事？我是否可以将Firefox配置为
x在步骤4中评估其正确值(参见上文)？
推荐指数
解决办法
查看次数
从 Firefox Developer Edition Inspector 工具编辑 CSS
我正在尝试保存在Firefox Developer Edition 的Inspector 选项卡上完成的 CSS 更改。
据我所知，您只能将 css 保存在 Style Editor 选项卡中，但它不反映使用 Inspector Tool 所做的更改。
无论如何要在“检查器”选项卡的“样式编辑器”中编辑 css？
推荐指数
解决办法
查看次数
Firefox vim模式,无法在样式编辑器中切换到普通模式
当我在firefox devtools设置中使用vim模式时,Esc在样式编辑器中触发分割控制台.所以,我不能离开插入模式.在暂存器中Esc运行良好,但在样式编辑器中始终存在分离控制台.有没有办法将拆分控制台重新定义为另一个键,或者更好地重新定义Escvim模式？
推荐指数
解决办法
查看次数
如何冻结dom树的状态(不使用js"debugger"语句)来检查它？
也许我从浏览器的开发工具中问了太多但是......有没有办法简单地冻结网页的状态而不在JS代码中找到相对的行并放置debugger语句？(不是浏览器特定的问题,任何可以做到这一点的浏览器都是好的)
我有一种情况,我想检查页面上的一些DOM,只有在以下情况下才能访问:
- 我点击了一个特定的按钮
- 它在模糊事件后消失(例如,一旦我在检查器中找到父元素并单击它,它会立即消失).
因为它在点击时触发,"强制元素状态"也没有帮助.
谢谢!
html browser google-chrome-devtools web firefox-developer-tools
推荐指数
解决办法
查看次数
确定GC释放了哪些JavaScript对象
我想在任何桌面浏览器中找到一种方法来确定垃圾收集正在释放哪些JavaScript分配的对象.请注意,我不是想跟踪"泄漏".泄漏是没有被释放的物体.
在Firefox中,我正在查看的Web应用程序偶尔会出现断言(停止响应键击超过1秒); 分析显示,在此期间,浏览器正在执行冗长的GC.在之前的几秒钟内,添加了大量内存(小块,不是一次全部).当GC发生时,几乎所有内存都被释放.
我试图搞清楚的是:什么是所有这些短命的对象啊？我很想知道他们的价值观,他们的类型,或者他们分配给JS的地方.
Web应用程序在所有浏览器中展示了这些相同的分配模式(尽管只有Firefox似乎遭受了漫长的GC); 所以我很乐意使用任何浏览器(Mac或Windows)来调试它.
我已经想出如何使用Chrome的开发工具来查看泄漏的对象,但正如我上面提到的,泄漏并不是我关注的问题.我无法找到一种方法来查看分配了哪些对象然后释放.
javascript garbage-collection google-chrome-devtools firefox-developer-tools
推荐指数
解决办法
查看次数
在Firefox控制台中使用Javascript检索GET请求
有没有办法使用JavaScript检索网页的GET请求的详细信息？我不是指当前页面的URL的参数,而是外出的GET请求.
示例:如果您使用firefox打开google的起始页并切换开发人员工具,则可以在网络标签中看到许多GET请求,例如徽标的请求,例如https://www.google.com/images/品牌/ GOOGLELOGO/1X/googlelogo_color_272x92dp.png
我想使用JavaScript在控制台选项卡上检索此URL.是否可以通过附加到DOM(document)或BOM(window)的对象检索它？
我的问题的原因是:我在一个测试自动化环境中,开发人员工具不可用.只有JavaScript可用,我需要检查当前页面发出的GET请求的URL.我刚才提到了开发人员工具,因为它是重现问题的最简单方法(如果解决方案有效,最简单的验证方法).但它更像是关于Firefox/HTTP而不是测试自动化.
javascript firefox automated-tests http firefox-developer-tools
推荐指数
解决办法
查看次数
可以让 Firefox DevTools Inspector 高亮显示吗？
我花了一些时间编写 HTML 和 CSS，并使用 Firefox 53 中的开发人员工具。特别是“HTML/DOM/CSS Inspector”。
当您将鼠标移到 Inspector 窗口中的 HTML 块上时，页面上相应呈现的 HTML 元素会突出显示。此外，还有一些有用的网格线和颜色叠加以及页面上绘制的其他内容，所有这些都是 Mozilla 开发人员的一个很好的决定。它显示随机divs 和其他元素可能如何重叠，非常适合显示边距折叠的位置等。
但是，当我将鼠标从 HTML 树上移开时，所有有用的突出显示和覆盖都消失了。有没有办法让突出显示/覆盖“粘住”？例如，直到我单击另一个 HTML 元素，或重新加载页面，或者...主动采取一些行动而不是简单地移动我的鼠标？
请注意，右键单击 Inspector 并选择 ":hover" 菜单条目显然不是我想要的。我想更改Inspector的鼠标悬停行为，而不是页面的鼠标悬停行为。
（现在我要再倒一杯威士忌，然后继续使用规则/计算与“浏览器样式”控件进行战斗。那些......设计得不太好。）
推荐指数
解决办法
查看次数
打开浏览器开发者工具会影响应用程序性能吗？
我想知道打开浏览器开发人员工具是否真的以任何方式影响应用程序性能。这不仅仅是考虑在同一个窗口中打开开发人员工具，它可以在一个新窗口或同一个窗口中。
如果开发人员工具未打开与打开状态，应用程序呈现/性能是否有任何差异？
google-chrome developer-tools google-chrome-devtools firefox-developer-tools
推荐指数
解决办法
查看次数
Firefox Developer Edition 中的漂亮打印缩小 CSS 文件
根本无法在 Firefox 开发人员版的开发人员工具中的样式编辑器中漂亮地打印缩小的 CSS 文件。我知道在过去的 Firefox 版本中，开发者工具（{}）底部有一个按钮。有没有其他人想过？
推荐指数
解决办法
查看次数
是否可以在 Firefox 开发人员工具中查看所有编辑过的样式？
我首选的 CSS 工作流程（至少在调整现有 CSS 时）是使用 3 面板 Inspector 面板直接在浏览器中进行编辑，然后将编辑后的样式复制到我的样式表中。
有时我会编辑许多元素的样式，而忘记我编辑了一些元素（因为您只能通过准确选择该元素并查找左侧带有绿色条的规则来查看它是否已编辑 AFAICT）。然后我将无法手动将该元素的样式更改复制到我的样式表，并且在重新加载时丢失更改。
有什么地方可以看到我使用 Inspector 编辑样式的所有地方——包括添加新规则——以便我可以一次复制它们？
推荐指数
解决办法
查看次数
标签 统计
firefox ×6
javascript ×3
css ×2
browser ×1
closures ×1
codemirror ×1
html ×1
http ×1
inspector ×1
savechanges ×1
vim ×1
web ×1