我正在尝试使用Chrome插件。我试图<p>
在html页面上找到所有标签,并更改这些标签的font-family
/ size
/ color
。基本上我只是在尝试这个。
这是我到目前为止所做的。
A. manifest.json
{
"name": "ABC XYZ",
"description": "La la la...",
"version": "1",
"browser_action": {
"default_title": "ABC",
"default_icon": {
"19": "icons/logo.png"
},
"default_popup": "mydefault.html"
},
"manifest_version": 2
}
B. mydefault.html
<html>
<head>
<script src="jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#do-magic").click(function() {
// do something here with the page html.
// change font-family
$("body").append("test");
});
});
</script>
</head>
<body>
<span id="do-magic">Start</span>
</body>
</html>
当打包并加载到chrome时,除了在我试图访问页面元素的click事件之外,此方法均有效。
点击事件不起作用。控制台上也不会打印任何内容。
请指教。
根据内容安全政策,您不能在Chrome扩展程序中使用内嵌脚本。这就是为什么您的代码无法执行的原因。
您必须将其移动到单独的文件中。看这里。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句