Javascript 基于Web扩展API的JQuery

它能够在Firefox Web扩展上导入和使用JQuery吗

我在

manifest.json

"background":{
"scripts": ["views/jquery.js", "startup.js"]
},
"permissions": [
"storage"
],
"browser_action": {
"browser_style": true,
"default_title": "iVi - Personalized your Dashboard",
"default_popup": "views/menu.html",
"default_icon": {
  "19": "icons/ivi.png",
  "38": "icons/ivi@2x.png"
}

并在menu.HTML上使用`$（document）.ready事件，如下所示

<script type="text/javascript">
    $(document).ready(function() {
        $("#url").val("123");
    });
</script>

<div class="panel-form-column2">
  <input type="text" id="url" name="url" value="" />
</div>

$（文档）.ready（函数（）{
$（“#url”）.val（“123”）；
});

但它会产生如下错误：

内容安全策略：页面设置阻止加载 资源位于self（“脚本src moz扩展：**”）。资料来源： $（文档）.ready（函数（）{

并尝试将JQuery内联导入HTML，而不是manifest.json

<script type="text/javascript" src="jquery.js"> </script>

<script type="text/javascript">
    $(document).ready(function() {
        $("#url").val("123");
    });
</script>

$（文档）.ready（函数（）{
$（“#url”）.val（“123”）；
});

但还是有同样的问题

有什么想法吗？

根据此页面：，内联javascript将不会执行，请尝试将javascript放入文件中，并将其链接到html中，就像使用jQuery一样

将jQuery放在清单中的后台脚本下也不起作用，因为后台页面和浏览器操作页面是分开的

这也扩展到字符串中的任何Javascript，如

<button onclick="test()">example</button>

示例

---

test（）

在单击按钮时将不会运行。

我建议您首先确定是否需要使用jQuery扩展插件-因为您的目标是一个已知的浏览器，为什么需要jQuery？@JaromandaX jQuery可以减少编码（简而言之），这意味着DOM操作无痛，在AJAX中表现良好。更少的编码意味着开发更容易、更快速。