JS不会在扩展中运行

时间:2014-06-04 01:01:34

标签: javascript google-chrome-extension google-chrome-devtools

我正在制作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"
  }
}

1 个答案:

答案 0 :(得分:2)

问题是你从外部CDN加载jQuery的方式违反了Content Security Policy。要解决此问题,您可以下载jquery,将其放在扩展目录中,然后使用<script type="text/javascript" src="jquery.js"></script>加载它。