标签: firefox-developer-tools

在开发人员工具中禁用缓存选项不起作用

当dev工具打开时我检查禁用缓存但我的Firefox仍然缓存了一些javascript.Cmd + Shift + R不会影响此行为.一些文件,如字体被清除,但javascript文件似乎仍然缓存其中一些.

当我转到首选项并手动清除缓存时,它的工作正常.但它效率不高.

还使用Web Developer Toolbar禁用缓存正在运行.
编辑:工作了几次,重新启动笔记本电脑后,它停止工作.

有人在想吗?

firefox firefox-developer-tools firefox-developer-edition

6
推荐指数
1
解决办法
2649
查看次数

如何阻止 Firefox 开发人员工具检查器折叠省略号后面的 HTML 元素?

在此输入图像描述

看到“layout-1c”之前的“...”了吗?Firefox 似乎定义了一些规则,规定何时折叠较长的元素属性。我想禁用这个。总是向我展示一切。如何?

编辑双击属性还不够好。它失去了包装并让你手动滚动大量内容。Firebug 从一开始就做所有事情,我希望内置检查器也有同样的行为。

firefox firefox-developer-tools

6
推荐指数
1
解决办法
2506
查看次数

以编程方式更新firefox配置文件

Windows 7/Firefox最新版本/首选64位测试版

每当更新Firefox配置文件时,都会向用户显示一个对话框,以检查插件的更新.我想以编程方式与tha对话进行交互,以便自动确定.

到目前为止,我的研究已经将我带到了:https: //developer.mozilla.org/en-US/docs/Mozilla/Tech/XPCOM/Reference/Interface/nsIWindowMediator 为此我需要一个窗口类型来枚举.窗口类型与XUL定义中的属性相关.在我安装Firefox时,这些似乎是在"c:\ Program Files\Mozilla Firefox\browser\omni.ja\chrome\browser\content\browser"中压缩的.

我对firefox API的经验有限.我正在通过userchrome.js执行代码.

任何指针都会很乐意收到.

更新1 20151125 0748:我相信这是xul - https://archive.is/NyGBS - 关于如何在userchrome.js中"覆盖"它的任何指针?我也可以尝试枚举windowtype ="Addons:Compatibility"的窗口.

更新2 20151125 0748:如果我有以下内容,则看起来没有显示扩展更新对话框:user_pref("xpinstall.signatures.required",false); 这标志着插件不安全,但允许您继续使用它.

[这解决了我的直接问题,但我确信我会在另一个点上有另一个对话的这个要求,所以仍然希望到达这个底部]


TL; DR版本,其中包含有关问题的信息.

我目前有一个vbs脚本:

  1. 删除FIREFOX_RUNNING_PROFILE文件夹.
  2. 复制FIREFOX_BASE_PROFILE文件夹 - > FIREFOX_RUNNING_PROFILE文件夹.
  3. 运行FIREFOX_RUNNING_PROFILE.

每当进行firefox更新时,用户需要确认与检查/更新扩展相关的许多对话框.这个过程的结果将不会影响到配置文件,因为我的设置RUNNING_PROFILE每次都会重新创建.

请注意,出于本讨论的目的,udpate是否自动执行并不重要.我有能力重写prefs.js所以我可以动态地改变行为,只需这样做并在外部重新启动浏览器 - 它现在是vbs但是如果我在进程/窗口中遇到一些限制,我已经准备好转移到其他地方了管理,或者我希望它是可移植的(例如python).请注意,这些现在不是破坏者,我很高兴能够获得一个非常流畅的Windows解决方案.

我有一些这样的BASE_PROFILES,因此我想以编程方式处理更新.

我还没有找到一种方法来实现这一点,不涉及与GUI中的firefox对话框进行交互.我注意到每次更新后弹出的对话框都会发生变化.

选项:

1)userchrome.js - >我已经使用它来管理一些imacros自动启动功能,包括从Components.Interfaces中获取配置文件名称.我正在报告下面的片段,以帮助读者了解我针对Mozilla xpcom组件编写的最复杂的片段:

var strProfileFilePath=Components.classes["@mozilla.org/file/directory_service;1"].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path;
Run Code Online (Sandbox Code Playgroud)

我看过文档,看起来相当令人印象深刻.感觉它会让我做几乎所有的事情,所以我在这里的下一步是低估如何枚举对话框,并以某种方式根据某些属性选择正确的对话框,然后按"确定"按钮.我认为这几乎是我需要做的.

2)Autohotkey.我可以尝试将密钥发送到firefox窗口(不确定窗口内的确切对话框).对话框通常有快捷方式,可以响应这些密钥的优点(很好的理论).在autohotkey我也可以"定位点击",虽然由于明显的原因它不太令人满意.

3)通过Autohotkey的一个途径涉及在幕后使用MozRepl Firefox插件.这里讨论的库https://archive.is/73u4f,github似乎已过时https://github.com/arbiter34/FF-Control.然后我可以直接使用mozrepl,不需要Autohotkey.我宁愿用python,java甚至javascript,powershell,vbs编写代码而不是autohotkey.首先看起来它看起来会给我与userchrome.js目前提供的功能相同.

4).我可以利用一些配置文件操作功能 - 虽然Selenium并不是真的设计用于与Firefox自己的对话框进行交互,但我没有看到用于自动化的API.相反,人们会动态地合成一个配置文件,在已知的超级配置文件中安装所有必需的扩展(包含要使用的所有扩展的超集),并动态地将任何mods应用于prefs.js.这对我原来的要求听起来有点难看,但经验告诉我,丑陋仍然比手动更好.

5)还可以选择编写一个插件,但我再次认为我是在与userchrome.js相同的接口进行交互(实际上我相信userchrome.js更好,因为它似乎没有自由访问核心组件,这正是我觉得我可能需要的情况).我宁愿避免写一个插件,尽管我可能会因为试图解释原因而丢失.我感谢我没有"进一步"进一步调查,但我现在处于一个需要引起社区意见的地步,然后才开始在这些方面花费大量时间.

以下问题并非严格要求以下问题,但我觉得分享这个问题可能会有所帮助,因为必须有其他几个人遇到同样的困境: …

javascript firefox firefox-addon firefox-addon-sdk firefox-developer-tools

6
推荐指数
0
解决办法
592
查看次数

自定义Firefox Developer开发工具颜色主题

就像标题所说,我想知道是否可以更改Firefox Developer开发工具的颜色主题。浅色和深色主题很好,但是我想使用Monokai之类的代码颜色主题,该怎么做?

在下面,您可以在开发工具中看到当前的黑暗主题:

[firefox黑暗主题屏幕截图[1]

browser firefox themes firefox-developer-tools firefox-developer-edition

6
推荐指数
1
解决办法
1146
查看次数

在 Firefox 或 Chrome Inspector 中复制显示的 HTML(保持缩进和格式)

我想知道是否有办法在 Firefox 或 Chrome 的检查器(开发人员工具)中完全像开发工具显示的那样复制 html。

许多页面没有格式良好的代码。如果您转到“查看源代码”(CTRL+U),有时会一团糟。两个浏览器的开发工具都做了非常整洁的格式和缩进,但我不知道如何复制它。

例如,检查器中的代码如下所示:

[Firefox 开发工具中的格式化代码]

粘贴到崇高的文本,它只是一行代码:

<div class="mod_customnav block"><a href="startseite.html#skipNavigation50" class="invisible">Navigation überspringen</a><ul class="level_1"><li class="verband first"><a href="vereine.html" title="Die Vereine im Badischen Sportschützenverband" class="verband first">Vereine</a></li><li class="geschaeftsstelle"><a href="oeffnungzeiten.html" title="Die Öffnungszeiten der Geschäftsstelle" class="geschaeftsstelle">Öffnungzeiten</a></li><li class="geschaeftsstelle"><a href="anfahrtsplan.html" title="So finden Sie uns" class="geschaeftsstelle">Anfahrtsplan</a></li><li class="formulare"><a href="waffenrecht.html" title="Waffenrechtliche Formulare" class="formulare">Waffenrecht</a></li><li><a href="sitemap.html" title="Die Website im Überblick">Sitemap</a></li><li><a href="kontakt.html" title="Kontaktformular">Nachricht an uns</a></li><li class="last"><a href="impressum.html" title="Impressum" class="last">Impressum</a></li></ul><a id="skipNavigation50" class="invisible">&nbsp;</a></div>
Run Code Online (Sandbox Code Playgroud)

html google-chrome-devtools firefox-developer-tools

6
推荐指数
1
解决办法
6324
查看次数

Firefox 开发工具:更改 JS 执行上下文

Chrome 开发工具允许更改 javascript 执行上下文。

在此处输入图片说明

它非常方便,我在调试过程中经常使用它。

但是我需要在 Firefox 中测试我的项目,但我找不到 UI 来更改执行上下文。

火狐有这个功能吗?

google-chrome-devtools firefox-developer-tools

6
推荐指数
1
解决办法
1481
查看次数

如何在 Chrome 开发工具或 Firefox 开发工具中查看哪些 JS 改变了我的元素的样式?

我是一个菜鸟问题,因为我只是在学习 JS,所以我还不擅长它。

我目前正在构建一个网站广告,添加了一些 JS 片段来执行一些操作。现在我的页脚有opacity: 0并且它不是来自 CSS,因此必须来自某些 JS,但我找不到它。如何在 Chrome 或 Firefox DevTools 中找到什么 JS 正在修改特定 HTML 元素的样式?

这是显示代码的屏幕截图: https://imgur.com/iYIeSPO

我检查了我所有的 JS 文件,但找不到任何可以提供页脚的内容opacity:0

javascript google-chrome-devtools firefox-developer-tools

6
推荐指数
1
解决办法
1833
查看次数

延长在 Mozilla Firefox 中显示“PR_CONNECT_RESET_ERROR”错误的持续时间?

当站点收到高流量时,Mozilla Firefox 中的选项卡会停止加载并显示此错误消息“ PR_CONNECT_RESET_ERROR”,如屏幕截图所示。

连接重置错误

我想要的是,该选项卡应该持续加载,直到它收到来自站点服务器的响应而不显示此错误,或者我想增加它在默认情况下一直尝试连接到该站点服务器的持续时间(时间或数量)。

我不知道是否可行,但我尝试的是,我从about:config. 我network.http.keep-alive.timeout从 120 增加到 215,network.http.max-persistent-connections-per-server从 6 增加到 20。但我没有发现任何明显的变化。

是否有更好的可能性来实现我的期望?

注意:我从具有不同会话的不同选项卡向相同的 url(www.example.com) 发出大约 30-40 个请求。

firefox mozilla firefox-developer-tools firefox-addon-webextensions

6
推荐指数
0
解决办法
857
查看次数

在浏览器中调试 reducer 时,为什么看不到变量的值?

使用 Chrome 或 Firefox 开发人员工具时,我无法查看某些 reducer 变量的值。例如,newItem在下面的 Chrome 调试器屏幕截图中:

铬合金: Chrome 屏幕截图

火狐: 火狐截图

代码运行良好。日志语句输出正确,但通过调试器检查只显示undefined. 但是,如果我查看 Scope 视图,我可以看到一个名为的变量_newItem,它具有所有正确的属性和值(由于它们可能敏感而被隐藏)。

似乎导致此问题的原因是当我对状态进行浅层克隆时:(let newState = {...state};使用扩展语法或Object.assign({}, state).

每个后续变量基于newState显示undefined_variableName[0-9]*在开发工具范围视图上都有一个对应的变量。

这不会发生在我们的 React 组件或其他非 Reducer 代码中。

似乎 Redux、源映射和开发人员工具可能存在一些问题,但我无法在 Redux 文档或问题跟踪器或 Chrome 错误跟踪器中找到任何搜索结果。

Redux:4.0.5
操作系统:Windows 10 x64

测试: Chrome: 81.0.4044.122, Canary: 84.0.4125.0
Firefox: 75.0, Dev. 版:76.0b4 (64-bit)

注:这是不一样的这个问题,与刚刚Chrome的闭包变量的优化交易。

javascript google-chrome-devtools source-maps firefox-developer-tools redux

6
推荐指数
1
解决办法
577
查看次数

如何截取半透明的网页节点截图?

如何截取半透明的网页节点截图?

例如,捕获具有透明背景的特定 div 的文本渲染。

Chrome/Firefox devtools 的“节点截图”功能有两个问题:

  1. (次要)它们捕获节点的区域,但包括其他节点的内容。
  2. (主要)我不知道如何,或者是否可以擦除背景并捕获为透明背景。

html webpage-screenshot google-chrome-devtools firefox-developer-tools

6
推荐指数
0
解决办法
286
查看次数