Как можно просматривать PDF-файлы в режиме темной темы с помощью Google Chrome?

Содержание

Вопрос или проблема
Следующий фрагмент добавляет наложение div на любую вкладку браузера, в настоящее время отображающую документ PDF.
Ответ или решение
Как предварительно просмотреть PDF-документы в Google Chrome в темном режиме
Способ 1: Использование JavaScript
Способ 2: Использование расширения Dark Reader
Способ 3: Google Scholar PDF Reader
Заключение

Вопрос или проблема

Как я могу просматривать PDF файлы в Google Chrome в темном режиме / обратном цвете?

По умолчанию он белого цвета:

Я также задавал вопрос Как я могу изменить серый фон предварительного просмотра PDF в Google Chrome на черный?.

Следующий фрагмент добавляет наложение `div` на любую вкладку браузера, в настоящее время отображающую документ PDF.

1. Откройте инструменты разработчика вашего браузера, затем консоль браузера.

2. Вставьте этот JavaScript код в консоль браузера:

const overlay = document.createElement("div");

const css = `
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    mix-blend-mode: difference;
    z-index: 1;
`
overlay.setAttribute("style", css);

document.body.appendChild(overlay);

3. Нажмите `Enter`

Особая благодарность: https://www.reddit.com/r/chrome/comments/e3txhi/comment/fem1cto

Вы можете использовать расширение Dark Reader для Google Chrome и использовать режим Filter+. Оно будет работать с онлайн PDF файлами, но не с локальными PDF файлами.

Совет от Hirbot Behnam:
Если вы хотите, чтобы это работало и с локальными файлами (например, PDF), перейдите на chrome://extensions/ и нажмите кнопку “Подробности” под расширением “Dark Reader”, а затем включите доступ к файловым URL.

Обновление (2024-10-04): Расширение Dark Reader для Chrome нагружало мой процессор: Как я могу предотвратить использование так много процессора расширением Dark Reader Chrome, когда оно отключено (оно занимает 60% времени процессора Chrome!)?. Теперь я использую Google Scholar PDF Reader (расширение для Chrome).

Если кому-то это все еще нужно в 2024 году и в связи с этим ответом:

Включите Разрешить доступ к файловым URL для расширения Dark Reader.
Нажмите на значок расширения в правом верхнем углу.
Нажмите на расширение Dark Reader.
В маленьком окне Dark Reader, которое только что открылось, нажмите на вкладку Дополнительно.
Нажмите на кнопку Все настройки внизу.
На вкладке, которая только что открылась, нажмите на Включить для PDF файлов.

Можно использовать Google Scholar PDF Reader (расширение для Chrome) для чтения PDF в темном режиме:

(это также работает с локальными файлами)

Ответ или решение

Как предварительно просмотреть PDF-документы в Google Chrome в темном режиме

Предварительный просмотр PDF-документов в Google Chrome по умолчанию отображается с белым фоном. Если вы хотите изменить это на темное оформление или использовать режим обратной полярности, у вас есть несколько вариантов. Вот различные методы, которые помогут вам достичь этого результата:

Способ 1: Использование JavaScript

Откройте инструменты разработчика в вашем браузере (нажмите F12 или правой кнопкой мыши выберите "Просмотреть код").
Перейдите на вкладку "Консоль".

Вставьте следующий JavaScript-код в консоль и нажмите Enter:

const overlay = document.createElement("div");

const css = `
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: white;
    mix-blend-mode: difference;
    z-index: 1;
`
overlay.setAttribute("style", css);

document.body.appendChild(overlay);

Этот код добавляет полупрозрачный белый оверлей на страницу, который изменяет цвета через режим смешивания, создавая эффект темного фона.

Способ 2: Использование расширения Dark Reader

Установите расширение Dark Reader из интернет-магазина Chrome.
Чтобы использовать его для чтения PDF-файлов, выполните следующие шаги:
- Перейдите к chrome://extensions/ и найдите Dark Reader.
- Нажмите кнопку "Подробности" и включите опцию Разрешить доступ к файловым URL.
- Нажмите на иконку расширения в правом верхнем углу браузера, затем на Настройки и убедитесь, что функция Включить для PDF-файлов активирована.

Способ 3: Google Scholar PDF Reader

Установите расширение Google Scholar PDF Reader.
Это расширение позволяет вам просматривать PDF-файлы как локальные, так и онлайн с поддержкой темного режима, без необходимости дополнительных настроек.

Заключение

С помощью приведенных выше методов вы сможете эффективно просматривать PDF-документы в Google Chrome в темном режиме или режиме обратной полярности. Либо используйте простое решение с JavaScript, либо воспользуйтесь расширениями, которые предлагают более удобные и настраиваемые варианты.