问题标签 [firefox-developer-edition]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
64 浏览

firefox-addon - 是否有要删除的 Firefox 插件

Developer Edition 中的检查器允许您一键删除您选择的任何元素;我希望有一种简单的方法可以自动不播放或下载 HTML5<video>元素,除非我点击它们 - 我被迫下载我在浏览网页时不想要的大文件。有什么方法可以关闭将自动下载而不完全禁用它们的视频元素?

除了放置 ' video: { display: none; ' 在用户 CSS 样式表中?是否有一个“用户 library.js”,Firefox 将为每个页面加载运行我希望能够只下载和播放我点击的视频。我可以编写 JavaScript 来轻松做到这一点,但是如何让 Firefox 为每个页面加载它呢?

0 投票
1 回答
61 浏览

firefox-developer-tools - 火狐开发版中没有显示的参数值去哪了?

Firefox 开发者版在哪里隐藏 XHR 请求参数...?

这是我打开控制台工具并发出一些 XHR 请求但没有显示任何参数时的图像。我在 XHR 时使用 POST 方法...

在此处输入图像描述

我使用的是 firefox-dev edition 版本:57.0b11(64 位)

谢谢你的任何指导。

0 投票
1 回答
120 浏览

firefox-developer-edition - 如何更改 Firefox 开发者版检查器背景颜色

刚开始使用 Firefox Developer Edition,Inspector 中的背景颜色是可爱的黑色背景。现在它变成了白色。知道如何改回来吗?

我在 Apple Mac OS Sierra 10.12.6 上并使用 Firefox Dev Ed 58.0b1

谢谢,

久罗

0 投票
1 回答
488 浏览

css - CSS 网格显示隐藏的行号

出于某种原因,当我打开 CSS 网格显示行号时,数字一直隐藏在顶部。我正在使用 Firefox 开发者版。

CSS网格开发工具:

CSS 网格开发工具

不添加边距 网格数隐藏

添加了显示的边距 网格编号

0 投票
0 回答
98 浏览

css - Firefox中css svg透视场景的任何已知技巧

问题

我为我们公司网站的主要场景构建了一个使用 SVG 和 css 透视的场景。这个站点横向滚动而不是上下滚动。在您到达场景的尽头并返回后,Firefox 会出现一些问题。有时在调整窗口大小时,场景会变得疯狂,不同的层开始显示渲染伪影。

我目前在带有英特尔高清显卡的 Windows 笔记本电脑上使用 Firefox 开发者版(58.0b7),但问题似乎发生在我测试过 win 和 mac 的所有版本的 Firefox 上。

是否有某种已知或晦涩的 css 技巧或解决方法可以让这些工件消失,或者我偶然发现了一个错误?

Chrome 和 Safari 可以正确呈现并且没有这些问题。

Firefox中的渲染工件

渲染工件

场景应该如何渲染

它应该看起来如何(一开始是这样)

0 投票
1 回答
427 浏览

firefox - 如何使 Firefox 控制台组重复输出?

我最近从 Chrome 切换到 Firefox Quantum Developer,我注意到重复的日志消息不会像在 Chrome 中那样折叠:

未分组的 Firefox DevTools 控制台输出

我怎样才能让这一切都显示为一个,像这样

分组的 Chrome DevTools 控制台输出

编辑:似乎它对某些输出而不是其他输出执行此操作,我觉得这很奇怪。

0 投票
0 回答
118 浏览

php - 由于未知的 apache 错误,未加载 php 文件

我正在使用 apachephp在版本中运行文件,firefox dev但其中一些将无法工作。

我猜是因为控制台中显示了以下错误

apache2: [Mon Dec 18 08:57:59.610192 2017] [mpm_prefork:notice] [pid 121] AH00163: Apache/2.4.28 (Unix) PHP/7.1.7 已配置——恢复正常操作

[Mon Dec 18 08:57:59.610276 2017] [core:notice] [pid 121] AH00094:命令行:'/usr/sbin/httpd -D FOREGROUND'。

如果我在自制的注册表单中单击“提交”,它应该打开下一个文件,但失败:

0 投票
2 回答
46 浏览

css - 为什么 Netflix 的 css 的所有字符串都无效?

在查看包括 Netflix 和 W3Schools 在内的一些网站的代码时,我注意到一些奇怪的事情:在查看一些元素时(通过单击 Firefox 开发者版中的检查元素),几乎所有的 CSS 规则/字符串都被划掉了。为什么会这样?我附上了两张截图,一张显示了许多交叉线,两张显示了我所期待的元素。1 2

0 投票
1 回答
218 浏览

javascript - Firefox DevTools 控制台中的“跳转到定义”跳转到缩小的 JavaScript

我想使用 Firefox 开发人员工具在美化模式下调试 JavaScript,但是在单击跳转到定义图标后,它会切换到 JavaScript 的默认版本而不是美化版本。

看这个视频: http ://bayanbox.ir/view/1345913938885179254/prettify.webm

这是一个错误吗?

0 投票
1 回答
2262 浏览

firefox - Firefox 开发者工具不适用于 Webpack CSS 源映射

我有一个问题,使 Firefox 开发人员工具(Firefox 开发人员版 59.0b7)与 Webpack 在开发模式下生成的 CSS 源映射(使用webpack-dev-server)一起工作。

在 Firefox 开发人员工具中,当我检查一个元素时,它的 CSS 规则位置是一些块的哈希值,例如,blob:http://localhost:9090/1e451f65-5d5a-4155-a7a9-96df9945244b而不是真实的文件名(下面的屏幕)。这些位置链接也无效 - 单击它们不会将我带到源文件。

火狐开发者工具

我有时也会在 Firefox 开发者工具控制台中遇到这种错误,我可能已经连接了:

Source map error: Error: sourceMapURL could not be parsed Resource URL: blob:null/b9a1fdd6-c0a3-4426-9df0-d50f1e8dc670 Source Map URL: data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3JvYmVydC9wcm9ncmFtbWluZy93ZWJwYWNrLXBsYXlncm91bmQvc3JjL2NvbXBvbmVudC1hL2NvbXBvbmVudC1hLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLGNBQWM7SUFDZCx1QkFBdUI7SUFDdkIsa0JBQWtCO0NBQ3JCOzs7QUFHRDtJQUNJLG1CQUFtQjtJQUNuQixpQkFBaUI7SUFDakIsaUJBQWlCO0NBQ3BCOzs7QUFHRDtJQUNJLG1CQUFtQjtDQUN0QiIsImZpbGUiOiJjb21wb25lbnQtYS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuQ29tcG9uZW50QSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGZsZXgtd3JhcDogbm93cmFwO1xufVxuXG5cbi5Db21wb25lbnRBLUhlYWRlciB7XG4gICAgbWFyZ2luLWJvdHRvbTogM3B4O1xuICAgIGJhY2tncm91bmQ6ICNlZWU7XG4gICAgZm9udC1zaXplOiAxLjVlbTtcbn1cblxuXG4uQ29tcG9uZW50QS1Cb2R5IHtcbiAgICBwYWRkaW5nLWxlZnQ6IDEwcHg7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9[Learn More]

在 Chrome 开发人员工具 (Chrome 59.0.3071.104) 中,一切都显示得非常好——单击文件名链接后,我在检查器中看到了原始文件名(下面的屏幕)和原始 SCSS 内容。

Chrome 开发者工具

有没有办法让 Firefox 像 Chrome 一样使用 Webpack 的 CSS 源映射正常工作?

我的配置

我在开发人员工具的选项中启用了启用源映射。devtools.debugger.source-maps-enabled设置为truein about:config

以下是我的 Webpack 配置的相关摘录: