修改edge浏览器阅读pdf文档的背景颜色

张小俊_

已于 2022-11-04 14:08:56 修改

阅读量1.6w

点赞数 28

文章标签： edge 前端

于 2020-11-24 15:12:52 首次发布

本文链接：https://blog.csdn.net/weixin_42331508/article/details/110082265

版权

方法一


background-color:rgb(199,237,154); opacity: 0.7;

把这行代码复制，在pdf页面内按F12，选中html元素，粘贴到element.sytle下，如下图：
在这里插入图片描述

如果嫌每次都要这么设置比较麻烦，可以在edge扩展商店里搜索：pdf护眼阅读器，安装这个扩展之后，打开开关就可以自动改色。这个是我自己写的扩展，非常简单，欢迎提出需求建议
如果无法使用，查看文章最后
在这里插入图片描述

方法二

如果想设置成黑纸白字而不是滤镜，复制以下代码：

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);