Question

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

Answer 1

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

JS不会在扩展中运行

1 个答案: