在 Mozilla Firefox 中，如何检查哪些文件来自浏览器缓存，哪些文件来自服务器？

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

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

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

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

我决定试用内置的Firefox开发者工具.似乎很好,但......

我无法找到如何从Inspector/Rules向CSS添加新规则.我的意思是".my-new-rule"而不仅仅是默认打开的"元素"规则.

最终编辑:现在可以使用最新的Firefox更新.

我想知道是否有办法检查是否从浏览器的控制台或源代码调用了javascript函数.

我定义了一个函数,可以检查它是来自控制台还是来自页面,但它仅适用于谷歌浏览器,它在Firefox中不起作用,我没有测试其他浏览器

function fromConsole()
{
    var Caller = arguments.callee.caller;
    while(Caller.caller != null)
        Caller = Caller.caller;
    return (Caller.toString().indexOf("function (expression, objectGroup,"))!=-1;
}

这个功能如何工作

这个函数查找调用我们函数的top函数.在google chrome中,如果从控制台调用top函数的定义,则function (expression, objectGroup,在firefox中包含此字符串,则没有函数

让我详细解释一下

让我们说我们有这个例子

function a()
{
    b();
}
function b()
{
    return c();
}
function c()
{
    console.log(fromConsole());
}

如果我们从页面调用函数a(),它会在控制台中显示false(因为top函数是a())但是,如果我们从控制台调用它,则显示为true,因为top函数是这个" function (expression, objectGroup,..."

在firefox中,top函数始终是(),您可以从控制台或页面调用函数

我的问题是:有没有办法可以知道函数是否从控制台调用？

如果我试图CSS使用Firefox中的内置 开发人员工具（通过右键单击然后选择Inspect Element进行访问）在一个巨大的项目中进行一些编辑，是否可以使这些更改永久化？

其实有很多样式表，我在其中找不到这个属性吗？我只是找不到包含此属性的文件，所以我想在浏览器中对CSS进行永久更改。有办法吗？

编辑：-

如何更改firefox调试器的步骤,跳过步骤,逐步取消键绑定？

找不到关于这个的任何文档或关于:config的任何内容.

我总是使用ff检查员来调试css,之前从未遇到过这个问题,我试图检查这个网站的css https://www.duolingo.com(只有在我登录时才会出现问题),但是检查员没有为网页上的任何元素显示任何内容:

检查员在其他网站上工作正常,不确定网站开发者是否打算隐藏css,但我发现一些奇怪的css链接似乎使用代理:

这是隐藏CSS的某种新技巧还是firefox检查器中的错误？或者是别的什么？

我使用的是Firefox 45.0.1版

更新到52.0a2后,我无法在javascript调试器中创建我自己的表达式,添加监视等.当我右键单击某个变量时我习惯只从上下文菜单中选择"添加文本来观看表达式",但在最新版本中它丢失了.我必须启用某些功能吗？

谢谢

使用Chrome（版本59.0.3071.115（正式版本）（64位））或Firefox（开发人员版本56.0b3（64位）），我无法理解为什么在响应标头中看不到Cookie，获取存储在浏览器本地存储中。

我的HTTP请求标头如下：

Host: localhost:3000
User-Agent: Mozilla/5.0 (X11; Linux x86_64; rv:56.0) Gecko/20100101 Firefox/56.0
Accept: application/json
Accept-Language: en-US,en;q=0.5
Accept-Encoding: gzip, deflate
Referer: http://localhost:3000/SignIn
content-type: application/json
origin: http://localhost:3000
Content-Length: 46
Connection: keep-alive

我的响应头如下：

x-powered-by: Express
content-type: application/json; charset=utf-8
access-control-allow-origin: *
Vary: *
content-length: 32
etag: W/"20-LcTp1bBlcTS0d04Fav3DxiGJgW0"
set-cookie: connect.sid=s%3ABBRbPNpMXcweAtfATcULtOOzgMwlBrtC.qX8a9M%2BrsKsjhdeRL7eAyzFrkjQMOoWw36DIhSdhiGQ; Domain=http://localhost:3000; Path=/; HttpOnly
date: Sat, 19 Aug 2017 08:15:01 GMT
connection: close

我没有看到使用Firefox开发人员工具的“存储”标签或Chrome的“应用程序”标签存储任何cookie。我在这些工具中都找不到任何错误消息，这些错误消息告诉我为什么未存储Cookie。

我想念什么？

当尝试在WebExtension中使用带有源映射的库时,我遇到此错误.

Source map error: TypeError: NetworkError when attempting to fetch resource.
Resource URL: moz-extension://090d55cc-e9cf-4627-9511-ce49ed5b54c8/source.js
Source Map URL: source.map

根据MDN的"如何 - 使用源地图",

您必须在文件的最后添加注释.

//# sourceMappingURL=http://example.com/path/to/your/sourcemap.map

当一个Firefox WebExtension正与外部库的本地副本(如建议的安全性,并且需要在速度和可预见的可用性,并且如果库是自写,你不访问CDN这可能是必要的网络,或CDN版本需要定制等),这失败了.

// At the bottom of source.js
//# sourceMappingURL=source.map

因为所有扩展URI都存在于某个浏览器配置文件中,并且必须根据在每次运行WebExtension时随机生成的UUID以适当的绝对路径作为前缀.因此,您需要动态指定以下内容.

// At the bottom of source.js
//# sourceMappingURL=moz-extension://090d55cc-e9cf-4627-9511-ce49ed5b54c8/source.map

获取路径的唯一方法是在运行时通过调用browser.runtime.getURL(),无法使用 - 无论是内联还是先前调用,结果存储到变量以便在此处访问 - 因为这是注释,注释将被忽略.

用于指定映射文件的GENIUS机制.不!

那怎么能实现呢？或者它只能被证实不起作用？还有其他技术吗？这是W3C规范工作组的一部分吗？是否已在任何地方讨论或考虑过这个问题？搜索没有产生任何相关链接.