标签: firefox-developer-edition

默认情况下,如何在Chrome开发者工具中的网络工具中启用"保留日志"？每次我按F12然后选择网络选项卡,我需要单击保留日志复选框以使其保留请求/响应.默认情况下是否可以一直检查？

顺便说一句,这个功能适用于"Firefox Developer"版本.当我单击"持久日志"并关闭然后再次打开浏览器和DEV工具窗口时,仍然会检查它.

看看下面的代码:

var c = 50;

{
    console.log(y);
    let y = 50;
}

这段代码应该引发一个ReferenceError,它确实会抛出.但是在控制台中,附带异常的消息只是让我大吃一惊.它说:

ReferenceError:在初始化之前无法访问词法声明'c'

在代码中c是声明的第一个变量.错误消息表明声明的内容有问题c.它显然是y块内的变量,导致异常.我们不能let在声明之前使用声明的变量.当我在第一行声明另一个变量时,例如test,错误消息更改为:

ReferenceError:在初始化之前无法访问词法声明'test'

我错过了什么或者我对这个错误是对的吗？我有最新的Firefox Developer Edition(版本49.0a2).

值得注意的另一件事是块只是一个封闭块,它不是函数体.

我正在衡量一个网站的表现.在查看firefox-developer-tools时,我注意到了一种奇怪的行为.有一个特定的JS文件,其传输大小为2,831.54 KB,但实际大小为1280kb.

根据Mozilla的说法,传输大小应该小于或等于大小:

已传输(Firefox 38中的新增功能):实际传输以加载资源的字节数.如果资源被压缩,这将小于Size.

大小:任何解压缩后的资源大小.

Firefox Developer Edition版本:41.0a2(2015-07-19)

什么可能导致这种行为？

我正在使用Firefox Developer Edition,当我打开Inspector时,通过右键单击一个项目并选择Inspect Element来访问,然后我在Inspector中右键单击了一些内容并选择了Show DOM Properties,您可以在下面的屏幕截图中看到:

但是,我无法弄清楚如何关闭DOM Properties窗口.

怎么能这样做？

我找不到在Firefox Developer Edition 56.0b4上搜索所有.js和.css文件中的字符串的方法.

我找到了一种方法,但它是在版本52之前.我想知道为什么他们删除了这个功能？

感谢帮助.

我有一个问题是使Firefox开发者工具(Firefox Developer Edition 59.0b7)与Webpack在开发模式(使用webpack-dev-server)中生成的CSS源映射一起工作.

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

我有时也会在Firefox Developer Tools控制台中遇到这种错误,我可能会将其连接起来:

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内容.

有没有办法让Firefox正常运行Webpack的CSS源地图,如Chrome？

我的配置

我在开发者工具选项中启用了启用源地图.devtools.debugger.source-maps-enabled被设置为true在about:config.

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

// I tried different devtools but the results in Firefox were the same.
devtool: 'eval-source-map'

(...)

// Chain of loaders for CSS files.
{
    test: /\.(scss|sass|css)$/,
    use: [
        {
            loader: 'style-loader',
            options: { …

由于内存泄漏问题,我转而从谷歌浏览器切换到Firefox开发人员版,并转向真正的开源解决方案.

我想调试我的请求的有效负载,即JSON,但Firefox没有显示JSON数据的用户友好树结构.有插件吗？如何改进网络监视器？

好吧,我使用5 Min QUICKSTART创建了一个基本的Angular 2 Typescript项目,它已启动并运行.

我的typescript transpiller配置为创建源映射:

tsconfig.js

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false
  }
}

现在我可以在Chrome中看到*.ts文件,并且可以调试它们,没有任何问题.但Firefox(以及FireFox Developer Edition)根本没有显示.ts文件,即使在调试器选项中选中了"显示原始源".

我只能看到 .js 文件，.ts 源没有出现在 Firefox 中。

它适用于 Chrome，我可以在 .ts 文件中查看和放置换行符，并且调试器运行良好。但是 Firefox 不能工作，没有版本，不是稳定版、夜间版或开发版。

难道该功能没有在 Mac/OSX 上实现？如果是这样，互联网上应该有关于此的内容，但我什么也没找到。显然，该问题尚未在任何地方记录。

有没有人对此有任何了解，也许如何解决？

我在Windows 10 64位上运行FDE 59.0b12; 我正在尝试按照URL中显示的过程/视频:https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Set_a_breakpoint,以便在jQuery.ready()中调试一些JS代码声明.

这似乎很容易,因为我曾经使用以前的Firefox + FireBug组合以相同的方式设置断点.除了现在我不能用FDE.解释的三种方法都不起作用.

例如,点击行号只是没有做任何事情.右键单击数字或行也是如此.我做错了吗？