下面的所有内容都可以在 Chrome 扩展中运行,但在移植到 Firefox 时会默默失败:
- 加载中
test.html
除非我删除<style></style>
from it
- 附加
#test_element
对身体
Firefox 扩展的样式是否必须放入单独的文件中?为什么append()
fail?
test.js
$(document).ready(function() {
$.get(chrome.extension.getURL('/html/test.html'), function(data) {
// not called unless style element is removed from HTML
// and never actually appended if it is removed
$(document.body).append($.parseHTML(data));
});
});
测试.html
<style></style>
<div id="test_element">
<p>my name is cow</p>
</div>
清单.json
{
"manifest_version": 2,
"name": "Test",
"version": "1.0",
"icons": {
"64": "icons/icon-64.png"
},
"permissions": [
"tabs",
"storage",
"idle"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["lib/jquery.js", "src/test.js"]
}
],
"web_accessible_resources": [
"html/test.html"
]
}