如何将 Google Chrome 中 PDF 预览的灰色背景更改为黑色?

如何将 Google Chrome 中 PDF 预览的灰色背景更改为黑色?

如何将 Google Chrome 中 PDF 预览的灰色背景更改为黑色?

例如,https://arxiv.org/pdf/1808.06394.pdf

Google Chrome 中的 PDF,显示视觉状态

使用此代码在控制台中(并禁用暗黑读者Google Chrome 扩展程序(如果已启用):

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

我可以将白色背景变成黑色:

Google Chrome PDF 预览功能,带有 Google Chrome 扩展程序 Dark Reader

但是,Google Chrome 中的 PDF 预览背景仍然是灰色的。相反,我想要的是这样的:

提问者要求的理想设置的自定义渲染,并不是真实的浏览器示例,渲染是在图形处理程序中进行的。

根据我的询问如何在暗模式下使用 Google Chrome 预览 PDF?,现在询问有关改变屏幕其余部分的设计。

答案1

有一种方法可以使用 Microsoft Edge 让 PDF 看起来符合您的要求。如果您的 Edge 处于浅色模式,PDF 查看器的背景将为白色。通过使用您粘贴的代码/使用扩展程序(如 Dark Reader)反转颜色,可以实现您描述的结果。

答案2

放大完整页面宽度,或者改变窗口大小,因此 PDF 到达边缘(暗黑读者从你的问题开始):

例如,https://www.gao.gov/assets/gao-19-221.pdf (*)使用 Dark Reader Google Chrome 扩展程序进行缩放 现在你仍然有 Google Chrome 强加的“灰色边框”(这是谁的绝妙主意,这是一个完整的想法吗?我们可以责怪树木是白纸。),但你不必将其视为完整版本。

理想情况下,黑色背景是显而易见的,计算机代码使我们能够禁用这些无意识的脚本形式进行自我编辑,这不仅仅是一种可访问性,而是为了在最低的代码逻辑中进行访问而设计。

相关内容