Chrome, Firefox 또는 기타 브라우저에서 열 때 PDF 파일의 표시되는 페이지 색상과 글꼴이 변경될 수 있습니까?
노트북에서 긴 PDF 텍스트를 읽고 싶습니다.페이지 배경색과 텍스트 색상을 모두 변경. 그래요~ 아니다색상 반전에 관심이 있습니다. 그러면 어두운 검정색 배경에 밝은 흰색 텍스트가 표시됩니다.
하지만 이 두 가지 요소 각각의 색상을 조정하고 전자책 리더가 전자책을 표시하는 방식과 유사하게 보다 균형 잡히고 눈을 즐겁게 하는 것을 얻으려면 다음과 같이 하십시오.
이는 다양한 PDF 리더에서 가능합니다. Linux에서는 다음을 사용할 수 있습니다.어도비 리더, Foxit 리더, 특히마스터 PDF 편집기, 텍스트 기반 PDF(PDF로 저장/내보내기/인쇄된 텍스트 문서)뿐만 아니라 이미지 기반 PDF(스캔하여 PDF로 저장한 종이 텍스트)에서도 표시되는 페이지 및 글꼴 색상을 변경할 수 있습니다. 이에 대한 자세한 내용은여기.
인터넷 브라우저는 어떻습니까? 주요 내용이 PDF 파일을 읽는 데 능숙하다는 것을 알고 있습니다.
답변1
흠 Chrome은 현재 여전히 할 수 없지만 이전 브라우저는 기능 내에서 원하는 만큼 사용자 정의할 수 있습니다. 여기서 반전은 간단히 누르기만 하면 됩니다.I
현재 Firefox에서는 색상 변경을 위한 북마크를 설정할 수 있지만 마일리지는 다를 수 있습니다.
https://stackoverflow.com/questions/61814564/how-can-i-enable-dark-mode-when-viewing-a-pdf-file-in-firefox
다음 예에서는 여기와 에 표시된 대로 토글러 변형을 사용합니다.https://stackoverflow.com/a/71777470/10802527
"브라우저"에서 PDF를 보려면 실제로 PDF를 다운로드해야 한다는 사실을 이해하는 사람은 많지 않습니다(연기 및 미러, HTML 텍스트 오버레이가 있는 이미지로 페이지 복사본이 아닌 경우). 따라서 Chromium/Edge의 경우 "다운로드 전용"으로 설정한 다음 "Dark Reader"에서 PDF를 열 수 있습니다. 브라우저가 캐시된 사본을 처리하는 것과 마찬가지로 원치 않는 경우 나중에 PDF를 폐기할 수 있습니다.
Windows의 경우 SumatraPDF(위 표시) 또는 Okular(아래 표시)를 사용할 수 있고, Linux의 경우 Wine에서 Okular 기본 또는 SumatraPDF(32/64/Arm)를 사용할 수 있습니다.
답변2
Firefox 버전 112.02에서는 다음과 같이 작동합니다.
주소 표시줄에 다음을 입력하세요.
about:config
검색 필드에 다음을 입력하세요.
pdfjs
다음 구성 옵션을 설정하십시오.
pdfjs.forcePageColors true
pdfjs.pageColorsBackground #202020
pdfjs.pageColorsForeground #d1d1d1
PDF가 로드된 탭으로 전환하고 F5(새로 고침)를 눌러 결과를 확인하세요.
배경색과 전경색만 강제로 적용되므로 PDF 내의 이미지는 그대로 유지됩니다. 이는 정말 좋습니다(기타/이전 솔루션은 PDF를 완전히 반전시켰습니다).
~ 대
답변3
크롬 기반 브라우저와 Edge를 확인했는데 대답은 '아니요'입니다. 포함된 PDF 뷰어는 기본적으로 다양합니다. 타사 확장 프로그램을 주의깊게 살펴보실 수도 있지만 저는 아무것도 찾지 못했습니다.
답변4
아마도 다음 해결 방법을 사용하면 됩니다.
이를 브라우저 콘솔( 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);