主页 / computer / 问题 / 1510440
Accepted
cipricus
Asked: 2019-12-17 07:53:41 +0800 CST

更改互联网浏览器中显示的 pdf 页面和字体颜色

  • 772

在 Chrome、Firefox 或其他浏览器中打开 PDF 文件时，可以更改页面显示颜色和字体吗？

我想在笔记本电脑上阅读长 PDF 文本，同时能够更改页面背景和文本的颜色。我对反转颜色不感兴趣——这会导致深黑色背景上的亮白色文本

在此处输入图像描述

但是在调整这两个元素的颜色并获得更平衡和令人赏心悦目的东西时，类似于电子书阅读器显示电子书的方式：

在此处输入图像描述

这可以通过不同的 PDF 阅读器实现。在 Linux 中，我可以使用Adob​​e Reader、Foxit Reader，尤其是Master PDF Editor，它不仅可以在基于文本的 PDF（保存/导出/打印为 PDF 的文本文档）中更改显示的页面和字体颜色，还可以在基于图像的PDF（纸质文本扫描并保存为 PDF）。更多细节在这里。

互联网浏览器呢？我知道主要的人擅长阅读 PDF 文件。

google-chrome firefox

3 个回答

  1. Best Answer

    我检查了基于铬的浏览器和 Edge，答案是否定的。包含的 PDF 查看器是基本的。您可能会留意第三方扩展，但我没有找到任何

    • 0

  2. 如果浏览器视图足够复杂，它们应该能够处理可选内容组 (OCG)。然后，您可以创建该文本的第二个版本，该版本将显示在第一个版本之上，并带有您想要的颜色/背景/任何东西/at/all。

    生成 PDF 的任何东西都必须非常精通 PDF。各种 Adob​​e 产品可能本身就可以做到这一点，但您可能需要 Acrobat 的副本来执行必要的更改。

    IIRC，您还可以使用 JavaScript 切换 OCG 的可见性。而且我很确定您可以使用 JS 来检测何时在浏览器中查看 PDF。让我检查一下。

    OCG 让我印象深刻，它充其量只能在浏览器的原生 PDF 渲染器之间提供混合支持，更不用说正确执行其 JavaScript。

    我猜这对于使用 Reader 作为浏览器查看器的每个人来说都可以正常工作，而对（几乎？）其他所有人来说都是如此。

    在做更多的研究：

    • “PDF.js”确实支持可选内容组。PDF.js 是 chrome（可能还有 firefox 和其他几个）使用的开源 PDF 渲染器。
    • PDF.js 有一个允许的 javascript 操作的“白名单”。不知道这些具体操作可能是什么……但它们可能不包括改变文档 OCG 状态的操作。我进一步怀疑列入白名单的操作都是后端的硬编码行为。“JS 动作匹配这个字符串，所以这样做”。
    • 0

  3. 也许有这个解决方法：

    将此粘贴到浏览器控制台 ( Ctrlshifti) 中，然后单击enter

    function toggle() {
    let q = document.querySelectorAll('#nightify')
    if(q.length) {
        q[0].parentNode.removeChild(q[0])
        return false
    }
    var h = document.getElementsByTagName('head')[0],
        s = document.createElement('style');
    s.setAttribute('type', 'text/css');
    s.setAttribute('id', 'nightify');
    s.appendChild(document.createTextNode('html{-webkit-filter:invert(100%) hue-rotate(180deg) contrast(70%) !important; background: #fff;} .line-content {background-color: #fefefe;}'));
    h.appendChild(s); 
    return true
}

toggle()

    资料来源：https ://dev.to/jochemstoel/re-add-dark-mode-to-any-website-with-just-a-few-lines-of-code-phl

    其他选项：

    var cover = document.createElement("div");
let css = `
position: fixed;
pointer-events: none;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: #cecece;
mix-blend-mode: difference;
z-index: 1;
`
cover.setAttribute("style", css);
document.body.appendChild(cover);

    改编自：https ://windowsreport.com/invert-colors-pdf/

    • 0

相关问题