Применение пользовательского стиля на внутренних страницах Chrome

Я хочу применить пользовательские стили к внутренним страницам, используемым хром. (Как новая вкладка).

Я делал то, что здесь сказано:

  • Как отключить прозрачность панели задач в рабочем столе Windows 8?
  • Как изменить цвет красной кнопки закрытия в Windows 8?
  • Как показать содержимое окна при перетаскивании в Windows Server 2008 R2?
  • Фирменные цвета терминала Ubuntu для iTerm2
  • Как изменить размер заголовка окна в Windows 10
  • Маленькие подручные версии Linux (или темы для Linux)
  • Взломайте Chrome, чтобы показать свои внутренние страницы с черным фоном

    Но он больше не работает, потому что Chrome 32 больше не поддерживает Custom.css.

    Есть ли способ создать внутренние страницы Chrome в Chrome 33+?

  • Как показать содержимое окна при перетаскивании в Windows Server 2008 R2?
  • Местоположение Google Chrome
  • Как исправить пропуски / заикание звука в Google Chrome
  • Отключить «Ctrl» + масштабирование колесика мыши в Chrome?
  • Расположение кеша Chrome в Mac OS X
  • Шрифты facebook испорчены
  • 2 Solutions collect form web for “Применение пользовательского стиля на внутренних страницах Chrome”

    Хорошо, поэтому я немного искал это и обнаружил, что вы можете эмулировать custom.css с помощью Extensions.

    Вот как это сделать:

    1. Создайте каталог и поместите файлы, которые мы создадим в этом руководстве внутри него.
    2. Перейти к chrome://extensions
    3. Выберите «Режим разработчика»
    4. Нажмите «Загрузить распакованное расширение»
    5. Выберите каталог, который вы только что создали.

    Теперь откройте созданный вами каталог и создайте эти файлы:

    manifest.json

     { "content_scripts": [{ "js": [ "inst.js" ], "matches": [ "<all_urls>" ] }], "key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC4r/pUHVPYQTn7vu3YHT52I0SKM15OBOTi0Jii4q5Koxd3Gdc/WXdqC2YgMA25J5PRiSubu/nHFf12Ubp3OZyNqB3j45ZscQ+tH1bwcV+cqdvv/Ik6VQaS6/qLmenLdFPKOCg/g1L1iKZu6Jjny6GlovpBj+7gjWQZBIoGBd70HQIDAQAB", "manifest_version": 2, "name": "Emulate Custom.css", "version": "1.0", "web_accessible_resources": [ "Custom.css" ] } 

    inst.js

     if (location.protocol === 'chrome:') (function() { 'use strict'; var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = chrome.runtime.getURL('Custom.css'); document.head.appendChild(l); })(); 

    Пользовательские CSS

     /* whatever you had in your Custom.css */ 

    Это будет вставлять CSS только на внутренние страницы Chrome, так как все они имеют протокол chrome: Каждое правило, добавленное в Custom.css будет вставлено во внутренние страницы Chrome.

    Обратите внимание, что на странице «Новая вкладка» сейчас нет внутренней страницы Chrome. Он загружается из кеша https://www.google.com/_/chrome/newtab?espv=210&ie=UTF-8 . Этот URL-адрес ломается в браузерах, отличных от Chrome, и перенаправляется на главную страницу в браузерах Chromium, кроме Google Chrome 32+.

    EDIT: Я нашел параметр в chrome://flags которые разрешают расширения на страницах chrome:// . Доступно здесь: chrome://flags/#extensions-on-chrome-urls . Но опять же, в этом случае вам нужно будет указать нечетные внутренние хроматические внутренние страницы вместо <all_urls> в manifest.json , например: chrome://newtab и т. Д.

    Копирование такого же содержимого здесь .

    Если вы хотите настроить стиль devtools, необходимо использовать chrome.devtools.panels.applyStyleSheet. Эта функция в настоящее время скрыта за флагом (–enable-devtools-эксперименты, требуется перезапуск Chrome) и флажок (после включения флага, откройте devtools, щелкните значок шестеренки, перейдите в «Эксперименты» и установите флажок «Разрешить темы пользовательского интерфейса» «).

    manifest.json

     { "name": "<name> DevTools Theme", "version": "1", "devtools_page": "devtools.html", "manifest_version": 2 } 

    devtools.html

     <script src="devtools.js"></script> 

    devtools.js

     var x = new XMLHttpRequest(); x.open('GET', 'Custom.css'); x.onload = function() { chrome.devtools.panels.applyStyleSheet(x.responseText); }; x.send(); 

    Пользовательские CSS

     /* whatever you had in your Custom.css */ 
    Давайте будем гением компьютера.