无法从 Firefox Inspector 加载本地文件

Cannot load local files from Firefox Inspector

我正在尝试在现有网站上预览新创建的图像。我希望能够在 Firefox 中打开开发人员工具(检查器)并将背景图像的 url 编辑到我的本地文件中,以便快速预览它的外观。

当我将文件拖到 Firefox 上打开时,地址栏中的这个可以正常打开: file:///Users/ian/Desktop/format-BG.jpg

我将该文件路径复制到我的检查器中:background-image: url(file:///Users/ian/Desktop/format-BG.jpg); 但它没有加载。奇怪的是,当我在检查器中单击 URL 时,它会在新选项卡 中打开“可卸载”图像,该图像在地址栏 URL 中具有完全相同的 URL ] 但没有加载。

这是安全功能还是什么?

MacOs 11.4 (20F71) Firefox 89.0(64 位)

是的,这是一项安全功能。想象一下,浏览器 以这种方式加载本地文件。然后嵌入页面的 JavaScript 也可以访问该信息。

恶意网站以这种方式直接访问文件系统,无需任何用户交互。因此,所有浏览器都会阻止访问通过 file:// 方案引用的文件。

话虽如此,应该如何处理 file:// 方案的行为仍未标准化(请参阅 https://github.com/whatwg/html/issues/3099)。因此,不同的浏览器对通过 file:// 方案引用的本地文件的处理方式略有不同。

这里有一些供进一步阅读的链接:

不过,似乎有一种方法可以改变这种行为,https://superuser.com/a/1513162 中对此进行了描述。