在 Firefox 中查看 pdf 文件时如何启用暗模式

Syn*_*Sid 7 pdf firefox

我在 Firefox 76.0 版中启用了暗模式并安装了暗阅读器扩展。该扩展程序允许网页变暗。这些更改不会影响已在 Firefox 中打开的任何 PDF。

Syn*_*Sid 28

为遇到此问题的任何人记录此内容

创建书签 - 在位置/地址字段中包含以下内容的书签

javascript:(function(){viewer.style = 'filter: grayscale(1) invert(1) sepia(1) contrast(75%)';})()
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助。

  • 请添加如何实现结果的步骤(由于建议队列已满,添加我对如何应用此技巧的看法,如下), 1. 在浏览器中打开文件(本地保存或从可下载链接保存) 2 .然后,单击书签(这会将文档的样式更新为深色相关颜色) (2认同)
  • 或者您可以单击 F-12,切换到“控制台”选项卡并粘贴脚本 (2认同)
  • @EnthusiastiC尝试将此代码放入位置或地址字段中: `javascript:(function(){var el = typeofviewer !== 'undefined' ?viewer : document.body; el.style = 'filter: Grayscale(1 ) invert(1) sepia(1)对比度(75%)';})()` 它适用于所有页面。 (2认同)

小智 16

你可以在https://pncnmnp.github.io/blogs/firefox-dark-mode.html中看到它

\n
    \n
  1. 打开 Firefox 并按Alt显示顶部菜单,然后单击帮助 \xe2\x86\x92 更多故障排除信息(旧版 Firefox 上的故障排除信息)。

    \n
  2. \n
  3. 单击配置文件文件夹条目旁边的打开文件夹按钮。

    \n
  4. \n
  5. 创建一个chrome以打开的目录命名的文件夹。

    \n
  6. \n
  7. 在该chrome文件夹中,创建一个 CSS 文件,名称为userContent.css

    \n
  8. \n
  9. 打开userContent.css文件并插入:

    \n
    #viewerContainer > #viewer > .page > .canvasWrapper > canvas {\n   filter: grayscale(100%);\n   filter: invert(100%);\n}\n
    Run Code Online (Sandbox Code Playgroud)\n
  10. \n
  11. 在 Firefox 的地址栏上,输入about:config。

    \n
  12. \n
  13. 搜索toolkit.legacyUserProfileCustomizations.stylesheets并将其设置为true。

    \n
  14. \n
  15. 重新启动 Firefox 并启动 PDF 文件以查看更改!

    \n
  16. \n
\n


小智 8

简单的书签切换器
只需运行代码片段并将链接拖动到书签工具栏

<a href="javascript:(function(v) {v.style = v.classList.contains('dm')?'':'filter: grayscale(1) invert(1) sepia(1) contrast(75%)';v.classList.toggle('dm');})(viewer)">PDF darkmode toggler</a>
Run Code Online (Sandbox Code Playgroud)

未缩小:

(
    function() {
        if (viewer.classList.contains("dm")) viewer.style = "";
        else viewer.style = "filter: grayscale(1) invert(1) sepia(1) contrast(75%)'";
        viewer.classList.toggle("dm");
    }
)()
Run Code Online (Sandbox Code Playgroud)


Myz*_*394 7

这是使整个页面变暗的方法

教程

  1. 添加新书签
  2. 复制以下代码片段:javascript:(function(){document.body.parentElement.style = 'filter: grayscale(1) invert(1) contrast(0.8)';})()
  3. 将其粘贴到书签地址中
  4. 保存书签
  5. 每当您打开 PDF 时,请单击书签

解释

这是一个执行 Javascript 的书签(这就是它以javascript而不是http或开头的原因https)。在 Javascript 代码中,我们获取根html标签 ( document.body.parentElement) 并更改其样式.style = 'filter: grayscale(1) invert(1) contrast(0.8)';。

这实际上就是一切:)