Pdf.js: μ–΄λ‘μš΄ λͺ¨λ“œ νŒŒμ΄μ–΄ν­μŠ€ ν…Œλ§ˆλ₯Ό μ‚¬μš©ν•˜λŠ” κ²½μš°μ—λ„ 항상 밝은 λͺ¨λ“œμ—μ„œ

에 λ§Œλ“  2020λ…„ 08μ›” 27일  Β·  19μ½”λ©˜νŠΈ  Β·  좜처: mozilla/pdf.js

여기에 PDF νŒŒμΌμ„ 첨뢀(ꢌμž₯)ν•˜κ±°λ‚˜ 링크: λͺ¨λ“  pdf

ꡬ성:

  • μ›Ή λΈŒλΌμš°μ € 및 ν•΄λ‹Ή 버전: Firefox Developer Edition 81.0b1(64λΉ„νŠΈ)
  • 운영 체제 및 ν•΄λ‹Ή 버전: Debian 10
  • PDF.js 버전: PDF.js: 2.6.276
  • λΈŒλΌμš°μ € ν™•μž₯μž…λ‹ˆλ‹€: Firefox λ‚΄μž₯ pdf 리더

문제λ₯Ό μž¬ν˜„ν•˜λŠ” 단계:

  1. Firefox에 λ‚΄μž₯된 μ–΄λ‘μš΄ ν…Œλ§ˆλ₯Ό μ„€μ •ν•©λ‹ˆλ‹€.
  2. Firefoxμ—μ„œ PDFλ₯Ό μ—½λ‹ˆλ‹€.

μ˜ˆμƒλ˜λŠ” λ™μž‘μ€ λ¬΄μ—‡μž…λ‹ˆκΉŒ? (μŠ€ν¬λ¦°μƒ· μΆ”κ°€)

pdf.jsλŠ” μ–΄λ‘μš΄ 색상을 μ‚¬μš©ν•©λ‹ˆλ‹€.

무엇이 잘λͺ»λ˜μ—ˆλ‚˜μš”? (μŠ€ν¬λ¦°μƒ· μΆ”κ°€)

image

λ·°μ–΄ 링크(mozilla.github.io/pdf.jsκ°€ μ•„λ‹Œ λ‹€λ₯Έ μ‚¬μ΄νŠΈ λ˜λŠ” Firefox/Chrome ν™•μž₯으둜 ν˜ΈμŠ€νŒ…λ˜λŠ” 경우): N/A

1-viewer 3-upstream

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λ₯Ό μœ„ν•΄ μΌν•œ μž„μ‹œ μˆ˜μ •μ€ about:config 1 값이 μžˆλŠ” Number μœ ν˜•μ˜ μƒˆ 속성 ui.systemUsesDarkTheme 을 μΆ”κ°€ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  19 λŒ“κΈ€

@utopianknight μŠ€ν¬λ¦°μƒ·μ—μ„œ λ·°μ–΄λ₯Ό μ–΄λ‘μš΄ ν…Œλ§ˆλ‘œ μ „ν™˜ν•˜λŠ” 데 μ„±κ³΅ν–ˆμœΌλ©° μ½”λ“œλ„ μžˆμŠ΅λ‹ˆλ‹€. 이것이 μ—¬κΈ°μ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠλŠ” 이유λ₯Ό μ•Œκ³  μžˆμŠ΅λ‹ˆκΉŒ?

μ΄μƒν•˜κ³  μ–΄λ‘μš΄ λͺ¨λ“œλŠ” μ›Ή λ²„μ „μ—μ„œλŠ” 잘 μž‘λ™ν•˜μ§€λ§Œ λ‚΄μž₯ λ²„μ „μ—μ„œλŠ” μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. Firefoxμ—μ„œ 이것을 μž¬μ •μ˜ν•˜λŠ” μ½”λ“œκ°€ μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. μ—…μŠ€νŠΈλ¦Ό 버그λ₯Ό μ—΄κ² μŠ΅λ‹ˆλ‹€.

ν•œ 가지 λͺ…ν™•νžˆ ν•΄μ•Ό ν•  점은 Firefoxμ—μ„œ 닀크 λͺ¨λ“œ ν…Œλ§ˆλ₯Ό μ‚¬μš©ν•œλ‹€κ³  ν•΄μ„œ CSS prefers-color-scheme: dark λ₯Ό μ‚¬μš©ν•˜λŠ” 닀크 λͺ¨λ“œλ‘œ λͺ¨λ“  것이 λ³€κ²½λ˜λŠ” 것은 μ•„λ‹ˆλΌλŠ” κ²ƒμž…λ‹ˆλ‹€. μ΄λŠ” 운영 체제 μˆ˜μ€€μ—μ„œ μ„€μ •ν•΄μ•Ό ν•©λ‹ˆλ‹€.

OSλ₯Ό 닀크 λͺ¨λ“œλ‘œ 섀정해도 λ‚΄μž₯ PDF λ·°μ–΄λŠ” ν…Œλ§ˆλ₯Ό λ³€κ²½ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

이것은 PDF.jsκ°€ μ•„λ‹ˆλΌ Firefox의 문제인 것 κ°™μŠ΅λ‹ˆλ‹€. 이것을 μ—΄κ³  Firefox와 크둬 λΈŒλΌμš°μ €μ—μ„œ 가지고 λ†€μ•„λ³΄μ„Έμš”:

이 λ¬Έμ œκ°€ ν•΄κ²°λ˜κ³  μž„μ‹œ ν•΄κ²° λ°©λ²•μœΌλ‘œ Firefox μ‚¬μš©μžμ—κ²Œ μ΅μˆ™ν•œ μ–΄λ‘μš΄ ν…Œλ§ˆλ₯Ό κΈ°λ³Έκ°’μœΌλ‘œ μ„€μ •ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

메뉴 > μ‚¬μš©μž μ •μ˜ > ν…Œλ§ˆ > 밝게/μ–΄λ‘‘κ²Œ ν…Œλ§ˆλ₯Ό λ³€κ²½ν•˜λ©΄ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

κ·ΈλŸ¬λ‚˜ 개발 λ„κ΅¬μ—μ„œ ν…Œλ§ˆλ₯Ό λ³€κ²½ν•˜λ©΄(devtools.inspector.color-scheme-simulation.enabledκ°€ about:configμ—μ„œ true둜 섀정됨) μž‘λ™ν•©λ‹ˆλ‹€.

ν•œ 가지 λͺ…ν™•νžˆ ν•΄μ•Ό ν•  점은 Firefoxμ—μ„œ 닀크 λͺ¨λ“œ ν…Œλ§ˆλ₯Ό μ‚¬μš©ν•œλ‹€κ³  ν•΄μ„œ CSSκ°€ 색 κ΅¬μ„±ν‘œλ₯Ό μ„ ν˜Έν•˜λŠ” 닀크 λͺ¨λ“œλ‘œ λ³€κ²½λ˜λŠ” 것은 μ•„λ‹ˆλΌλŠ” κ²ƒμž…λ‹ˆλ‹€. μ΄λŠ” 운영 체제 μˆ˜μ€€μ—μ„œ μ„€μ •ν•΄μ•Ό ν•©λ‹ˆλ‹€.

λΆˆν–‰νžˆλ„ xfce λ°μŠ€ν¬νƒ‘μ˜ 닀크 λͺ¨λ“œ ν…Œλ§ˆ 섀정은 νŒŒμ΄μ–΄ν­μŠ€μ—μ„œ κ°μ§€λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

νœ΄λ¦¬μŠ€ν‹± 슀λ₯Ό μ‚¬μš©ν•˜λ―€λ‘œ λ¦¬λˆ…μŠ€, GTK λΉ› / μ–΄λ‘  λͺ¨λ“œμ˜ κ°œλ…μ΄ μ—†κΈ° https://searchfox.org/mozilla-central/rev/d54712b9644b49cec6cc90a9e0c325fdfab04e7c/widget/gtk/nsLookAndFeel.cpp#1009 -1023

OSλ₯Ό 닀크 λͺ¨λ“œλ‘œ 섀정해도 λ‚΄μž₯ PDF λ·°μ–΄λŠ” ν…Œλ§ˆλ₯Ό λ³€κ²½ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λΈŒλΌμš°μ €λ₯Ό λ‹€μ‹œ μ‹œμž‘ν•œ ν›„ MacOSμ—μ„œ 닀크 λͺ¨λ“œκ°€ μž‘λ™ν•©λ‹ˆλ‹€.

μ˜€λŠ˜κΉŒμ§€λŠ” Dark Reader μ• λ“œμ˜¨μ„ μ‚¬μš©ν•˜μ—¬ μ œλŒ€λ‘œ μž‘λ™ν–ˆμ§€λ§Œ μ–΄μ œ μ—…λ°μ΄νŠΈ ν›„ pdf.js νŽ˜μ΄μ§€κ°€ "λΈŒλΌμš°μ €λ‘œ 보호"λ˜μ–΄ μ• λ“œμ˜¨μ΄ μ•‘μ„ΈμŠ€ν•  수 μ—†μœΌλ©° 밝은 λ²„μ „μ˜ 눈으둜 λŒμ•„κ°‘λ‹ˆλ‹€.

λ‚˜λ₯Ό μœ„ν•΄ μΌν•œ μž„μ‹œ μˆ˜μ •μ€ about:config 1 값이 μžˆλŠ” Number μœ ν˜•μ˜ μƒˆ 속성 ui.systemUsesDarkTheme 을 μΆ”κ°€ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

κ·Έ ꡬ성을 μ•Œλ €μ€€ @sunjerry019 μ—κ²Œ κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€!

sunjerry019의 μ†”λ£¨μ…˜μ€ μ €μ—κ²Œ νš¨κ³Όκ°€ μ—†μ—ˆμŠ΅λ‹ˆλ‹€. νš¨κ³Όκ°€ μžˆμ—ˆλ˜ 것은 privacy.resistFingerprinting 을 false 둜 μ„€μ •ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€. 이것은 λΆ„λͺ…νžˆ 쒋은 해결책이 μ•„λ‹™λ‹ˆλ‹€.

privacy.resistFingerprinting λ₯Ό false 것도 νš¨κ³Όκ°€ μžˆμŒμ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

μ—¬ν•˜νŠΌ 개인 정보 섀정은 gtkμ—μ„œ μ–΄λ‘μš΄ ν…Œλ§ˆλ₯Ό κ°μ§€ν•˜λŠ” 데 μ‚¬μš©λ˜λŠ” μœ„μ—μ„œ μ„€λͺ…ν•œ ν•΄ν‚Ή νœ΄λ¦¬μŠ€ν‹±μ„ ν—ˆμš©ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

@sunjerry019 방법이 λ‚΄ Lubuntu 20.04 μ‹œμŠ€ν…œμ—μ„œ μž‘λ™ν•˜λŠ”μ§€ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

λ‚˜λ₯Ό μœ„ν•΄ μΌν•œ μž„μ‹œ μˆ˜μ •μ€ about:config 1 값이 μžˆλŠ” Number μœ ν˜•μ˜ μƒˆ 속성 ui.systemUsesDarkTheme 을 μΆ”κ°€ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

λ‚˜λ₯Ό μœ„ν•΄ μΌν•œ μž„μ‹œ μˆ˜μ •μ€ about:config 1 값이 μžˆλŠ” Number μœ ν˜•μ˜ μƒˆ 속성 ui.systemUsesDarkTheme 을 μΆ”κ°€ν•˜λŠ” κ²ƒμ΄μ—ˆμŠ΅λ‹ˆλ‹€.

win 10 64λΉ„νŠΈ FF μ•ˆμ •μ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” μ—¬μ „νžˆ λͺ¨λ“  μ›Ή νŽ˜μ΄μ§€λ₯Ό μ„ λͺ…ν•œ κΈ€κΌ΄λ‘œ μ–΄λ‘μš΄ λͺ¨λ“œλ‘œ λ§Œλ“œλŠ” μ΅œμƒμ˜ μ†”λ£¨μ…˜μ„ 찾지 λͺ»ν•˜λŠ” 데 도움이 ν•„μš”ν•©λ‹ˆλ‹€. λ‚˜μ΄νŠΈ 아이, 닀크 리더, λ―Έλ“œλ‚˜μ΄νŠΈ λ„λ§ˆλ±€, μ„€λ„μš°λ°•μŠ€, https://addons.mozilla.org/en-US/firefox/addon/dark-background-light-text/ , css 파일( https://developer .mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme ) κ·ΈλŸ¬λ‚˜ λͺ…ν™•ν•œ 글꼴을 μ‚¬μš©ν•˜λŠ” μ™„λ²½ν•œ 닀크 λͺ¨λ“œλŠ” μ•„λ‹™λ‹ˆλ‹€. νŽ˜μ΄μ§€κ°€ 쀑앙에 잘 κ³ μ •λ˜μ§€ μ•Šκ³  μƒμžκ°€ μ™„λ²½ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. about:config μ—μ„œ ui.systemUsesDarkThemeλ₯Ό 1둜 섀정해도 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

(μ‹œμŠ€ν…œ ν…Œλ§ˆμ— 관계없이) μ–΄λ‘‘κ±°λ‚˜ 밝은 λͺ¨λ“œλ₯Ό ν† κΈ€ν•˜κΈ° μœ„ν•΄ 보쑰 도ꡬ λͺ¨μŒμ— 토글을 μΆ”κ°€ν•˜λŠ” 것이 μ–Όλ§ˆλ‚˜ μ–΄λ ΅μŠ΅λ‹ˆκΉŒ? μ΄λ ‡κ²Œ ν•˜λ©΄ ν˜„μž¬ 및 미래의 λͺ¨λ“  라이트/닀크 λͺ¨λ“œ 감지 λ¬Έμ œμ— λŒ€ν•œ ν•΄κ²° 방법이 μΆ”κ°€λ©λ‹ˆλ‹€.

이 λ¬Έμ œκ°€ 곧 ν•΄κ²°λ˜κΈ°λ₯Ό λ°”λžλ‹ˆλ‹€. μ§€κΈˆμ€ λͺ¨λ“  PDFλ₯Ό λ‹€μš΄λ‘œλ“œν•˜κ³  λ‘œμ»¬μ—μ„œ 보고 μžˆμœΌλ―€λ‘œ 눈이 ν”Όλ‘œν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. RFPλ₯Ό λ„λŠ” 것은 μž‘λ™ν•˜μ§€λ§Œ ν•΄κ²°μ±…μ΄λ‚˜ ν•΄κ²° 방법은 μ•„λ‹™λ‹ˆλ‹€. λ³΄μ•ˆ νƒ€ν˜‘μž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰