JSとCSSをYouTubeページに挿入しようとしています。JSを挿入できますが、CSSを挿入しても効果がありません。私は何か間違ったことをしていますか、それともYouTubeが何らかの方法で私を制限していますか?
これが私のmanifest.jsonの関連部分です:
"content_scripts": [
{
"matches": ["http://www.youtube.com/watch?v*"],
"css": ["ChromeExtension/css/inject.css"],
"js": ["ChromeExtension/js/thirdParty/underscore.js", "ChromeExtension/js/thirdParty/jquery.js", "ChromeExtension/js/inject.js"]
}
]
すべてのjsが適切に挿入されているのがわかりますが、cssでは効果がありません。私のCSSはまったく挿入されていないようです:
アップデート:
好奇心が強い..このコードの挿入は機能しますが、すべてのcssプロパティに「!important」を適用しようとしました。これらの2つの方法は、StackOverflowで提供される他のソリューションとは対照的に異なる効果をもたらしました。
私はこれでより多くの成功を収めましたが、より簡潔な定義が失敗する理由については引き続き興味があります。
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('ChromeExtension/css/inject.css');
document.head.appendChild(style);