Стиль контента не применяется к текстовым файлам из GitHub

Question

Я сделал Google Chrome extension, который вставляет (по умолчанию скрытую) текстовую область в документ.

Он появляется на всех страницах. Это нормально, когда страница HTML, но на других страницах это не полезно. Например, когда я открываю https://raw2.github.com/github/hubot/master/README.md, я могу видеть textarea, даже у него есть display: none !important стилизация (через класс). Он должен быть скрыт, но это не так.

Как предотвратить эту странную ситуацию? Может быть, проверить тип документа (это HTML)?

Answer 1

Похоже, что стили сценария содержимого не применяются к файлам, которые подаются с типом MIME text/plain. Это, безусловно, ошибка, поэтому я сообщил об этом на отслеживании ошибок Chromium, см. issue 333234.

работы вокруг этой проблемы, чтобы вставить простой <style> элемент в документе:

document.head.appendChild(document.createElement('style')); 

Это не работы в вашем конкретном примере, так как встроенные и внешние таблицы стилей блокируются Github-х Content Security Policy (default-src 'none').
Единственная работа вокруг я могу думать о том, чтобы непосредственно применить таблицу стилей с помощью JavaScript:

textarea.style.display = 'none'; 
// Or, 
textarea.style.cssText = 'display:none;';