我注意到将 CSS 注入第三方页面的预期方式似乎无法正常工作。
相关 manifest.json 部分:
"content_scripts": [
{
"matches": ["*://*.youtube.com/watch?v*"],
"css": ["css/youTubeInject.css"],
"all_frames": true,
"js": ["js/thirdParty/underscore.js", "js/thirdParty/jquery.js", "js/youTubeInject.js"]
}
]
在这里,我声明我想将一些 CSS 和一些 JavaScript 注入到与 YouTube 正则表达式匹配的页面中。
我的 JavaScript 都可以正常注入。我的 CSS 根本没有注入。我已经三重检查了文件位置和名称。
youTubeInject.js 的顶部包含:
$(function () {
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('css/youTubeInject.css');
document.head.appendChild(style);
这会导致我的 CSS 正确加载,并且是该问题的有效解决方法。
有人对此问题有任何建议或我可以跟踪的错误吗?将不胜感激!