Jquery 未加载清单CSS
由于某种原因,我的Chrome扩展中的CSS没有加载。我做了浏览器让我做的一切,修复这个,修复那个,完成那个,但仍然不起作用Jquery 未加载清单CSS,jquery,html,css,google-chrome-extension,Jquery,Html,Css,Google Chrome Extension,由于某种原因,我的Chrome扩展中的CSS没有加载。我做了浏览器让我做的一切,修复这个,修复那个,完成那个,但仍然不起作用 { "manifest_version": 2, "name": "Emoticons", "description": "A collection of emoticons for Social Media, directly accessible in your browser!", "version": "1.0", "content_scri
{
"manifest_version": 2,
"name": "Emoticons",
"description": "A collection of emoticons for Social Media, directly accessible in your browser!",
"version": "1.0",
"content_scripts": [{
"js": [
"js/jquery.min.js",
"js/jquery-ui.min.js",
"js/load.js"
],
"css": [
"css/emoticon.css",
"css/style.css"
],
"run_at": "document_end",
"matches": ["http://*/"]
}],
"browser_action": {
"default_icon": "images/icon.png",
"default_popup": "popup.html"
}
}
我的代码怎么了 您确定它不会加载您指定的实际工作位置吗 您的匹配模式,
“http://*/”
匹配,比如说,http://example.com/
,但不是http://example.com/some/path
或https://example.com/
捕获“任何http或https页面”的匹配模式是“*://*/*”
。请注意,在这种情况下,第一个通配符特别是http
或https
甚至还有一种更简单的匹配模式可以捕获每个受支持的页面,“
匹配模式中可能存在问题,请参见@Xan关于该情况的答案
如果js已加载且css未遵循以下建议
可能是您的css正在加载但未应用的情况。
尝试添加!每个css规则的重要信息
另一个选项是通过内容脚本注入CSS,将下面的代码添加到load.js
:
var style = document.createElement('link');
style.rel = 'stylesheet';
style.type = 'text/css';
style.href = chrome.extension.getURL('css/emoticon.css');
(document.head||document.documentElement).appendChild(style);
style.href = chrome.extension.getURL('css/style.css');
(document.head||document.documentElement).appendChild(style);
控制台中的错误消息?你的javascript也不起作用吗?@MarcGuiselin纠正,忘了提到这一点;JS也不起作用。@MarcGuiselin控制台中没有消息请有人帮帮我好吗???@Mia嗨,情况怎么样?你解决了css的问题了吗?