我正在制作Chrome扩展程序,当我在chrome中尝试扩展时,java脚本不会运行 但如果我在常规标签中打开它,它工作正常。
唯一应该发生的事情是控制台中应该有一个日志 单击按钮时发出警报。
popup.html文件
<html>
<head>
<title> </title>
</head>
<body>
<h1>Enter key word</h1>
<input id="input" type="text">
<input id ="keyWord" type="submit" value="Hide the thingy"/>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script type="text/javascript" src="extjs.js"></script>
</body>
</html>
extjs.js文件
$(document).ready(function(){
console.log("sdfsdfsdfsdfs");
$("#keyWord").click(function(){
var input = document.getElementById("input");
console.log(input);
console.log("sdfsdfsdfsdfs");
alert("sdfsdfsdf");
});
});
manifest.json文件
{
"manifest_version": 2,
"name": "Hello World!",
"version": "1.0",
"description": "Chrome extension",
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
答案 0 :(得分:2)
问题是你从外部CDN加载jQuery的方式违反了Content Security Policy。要解决此问题,您可以下载jquery,将其放在扩展目录中,然后使用<script type="text/javascript" src="jquery.js"></script>
加载它。