JQuery Web 扩展 API

Question

是否可以在 Firefox Web Extension 上导入和使用 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>

但它会产生如下错误：

Content Security Policy: The page’s settings blocked the loading of a resource at self (“script-src moz-extension:***”). Source: $(document).ready(function() {

并尝试在 HTML 而不是 manifest.json

上内联导入 JQuery

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

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

仍然遇到同样的问题。

有什么想法吗？

Answer 1

根据此页面：https://developer.mozilla.org/en-US/Add-ons/WebExtensions/Content_Security_Policy，内联 javascript 将不会执行，请尝试将您的 Javascript 放入文件中，然后将其链接到您的 html，就像你对 jQuery.

所做的一样

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

这也扩展到任何 Javascript 放在像

这样的字符串中

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

test() 不会运行单击按钮时。

JQuery Web 扩展 API

JQuery on Web Extensions APIs

javascript

jquery

firefox-addon-webextensions

firefox-quantum