浏览器打开PDF调整亮度和颜色的小技巧

常常在浏览器中阅读PDF论文，雪白的背景很刺眼。下载到本地阅读又比较麻烦，所以寻找了一个简单的方法来调整背景的亮度和颜色。

浏览器中调整pdf背景颜色

为了调整颜色，需要控制浏览器内置pdf阅读器的api，但是大多是情况下下我们是无法介入的，包括chrome和Firefox的都是封装好的插件。
打开一个现实pdf的页面，F12查看源码，我们可以看到整个文件都嵌入到<body>中

由于<body>是<embed>的父级元素，那么我们就可以使用style中opacity属性来控制背景的透明，间接的控制页面的背景和亮度。
此时可以在<body>的style中添加对应的透明度选项即可达到改变亮度的效果(注：此时背景颜色已经设定)：

下面是效果对比（不透明度0.1,0.6,0.9,1）：

同时也可以换喜欢的颜色：
opacity=0.9 rgb=(98,38,38);(38,138,138);(198,198,28)

当然也可以更改<embed>的style来实现效果。

ref:
embed:http://www.w3school.com.cn/html5/html5_embed.asp
https://bugs.chromium.org/p/chromium/issues/detail?id=176497
https://github.com/gnab/remark/issues/83
https://stackoverflow.com/questions/40639705/is-there-a-way-to-style-google-chrome-default-pdf-viewer
https://answers.microsoft.com/en-us/edge/forum/all/edge-pdf-viewer-background/5030a059-43c2-4ec0-9809-23196fc41be2
adobe:https://www.adobe.com/content/dam/acom/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf
pdf.js:http://mozilla.github.io/pdf.js/

picture from pexels.com

浏览器打开PDF调整亮度和颜色的小技巧相关推荐

C# 调用浏览器打开pdf || 设置焦点
1. 调用浏览器打开pdf: 1) 第一种:使用固定的浏览器打开pdf System.Diagnostics.Process.Start("msedge.exe", @" ...
python怎么读取pdf为文本_轻松用Python批量提取PDF文本内容，这个小技巧告诉你！...
轻松用Python批量提取PDF文本内容,这个小技巧告诉你!-1.jpg (22.73 KB, 下载次数: 0) 2018-9-7 08:33 上传本文为你展示,如何用Python把许多PDF文件的 ...
cdr怎么做文字路径_CorelDRAW文件问题 CDR文字路径问题颜色的小技巧
CorelDRAW文件问题 CDR文字路径问题颜色的小技巧 CorelDRAW文件问题大虾们,请问下有锁定SVG数据怎么解决呀文件卡得要死把文件内容删除还是有数据 -- 你可以 CTRL A ...
打开office 文档慢的小技巧1 更改默认打印机
打开office 文档慢的小技巧1 更改默认打印机为本机虚拟打印机因为word打开时要缓存打开的文件到预览的缓存,如果默认打印机为离线,则office word,excel,ppt等打开有可能稍慢点 ...
微信小程序打开pdf文件；uni-app下载打开pdf文件；uni-app微信小程序下载打开pdf文件预览；
1.首先需要在小程序后台-开发设置-服务器域名配置好下载的域名.不配置:会导致下载失败和打开文件失败: 2.pdf文件的url要确保可以浏览器直接打开. <template><vi ...
PDF文件上载图标，与启用浏览器浏览允许后依然无法在浏览器打开PDF文件的解决方案...
1. 在网站上显示PDF文件的图标,具体步骤如下: 1) 准备好一张16 x 16 的GIF图片,作为PDF的图标. 2) 把这个图标复制到 "C:\Program File ...
简单两步解决Microsfot Edge浏览器打开PDF卡住的问题 - 【大鼓的电脑百科】
Hi,我是大鼓,欢迎来到[大鼓的电脑百科],这是我们的第一篇文章,希望这篇文章可以帮到你! 前言在日常使用中,有时候会遇到使用Microsoft Edge打开PDF时,Microsoft Edge会 ...
浏览器打开pdf，禁止下载打印
之前在网站上打开pdf文件,都是用浏览器查看pdf时自带的功能,可以下载打印,最近要求打开pdf后仅供用户预览,禁止下载打印.网上查了一下,发现有很多前辈都遇到过,解决方法是用pdf.js. 1.下载 ...
uwsgi怎么通过浏览器访问某个脚本_4个Shell小技巧帮你提高机器学习效率：写好脚本，事半功倍...
晓查发自凹非寺量子位报道 | 公众号 QbitAI 在机器学习的实践过程中,用好Shell能帮你很多节省时间. 最近,有位来自ETHZ的学生分享了一些Shell小技巧.对程序员来说,这些技巧更 ...

浏览器打开PDF调整亮度和颜色的小技巧

浏览器中调整pdf背景颜色

浏览器打开PDF调整亮度和颜色的小技巧相关推荐

最新文章

热门文章