javascript - 在 Chrome 中测试时 Chrome 扩展程序不起作用 ://extensions/

Question

我正在尝试了解一些有关 google-extensions 的知识，因此我尝试制作一个简单的扩展，使用 ajax 向 api 发出请求，然后返回一些结果。

当我直接在浏览器(localhost)中测试时，它工作得很好，但是当我尝试测试将其添加到 chrome://extensions/ 并单击加载解压的扩展时... 在开发者模式下，它不起作用。

这是我的 app.js 与 ajax 调用:

document.addEventListener('DOMContentLoaded', function() {

    $( '#form-custom' ).on( 'submit', function( event ) {
        event.preventDefault();
        user = $('#user').val();

        $.ajax({
            url:'https://sitewiththeapi.net/api/searchuser/'+user+'/show/list.json',
            dataType:'jsonp'
        })

        .done(function(data){
            console.log(data);
        })

        .fail( function(jqXHR, textStatus, errorThrown){ 
            console.error(jqXHR, textStatus, errorThrown);
        })
    }
}, false);

还有我的 manifest.json 文件:

{
  "manifest_version": 2,

  "name": "MyExtension",
  "description": "This extension will for learning",
  "version": "1.0",

  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "index.html"
  },
  "content_scripts": [
    {
      "matches": [
        "<all_urls>"
      ],
      "js": ["jquery.min.js", "app.js"]
    }
  ],
  "permissions": [
   "activeTab",
   "http://*/",
   "https://*/"
   ]
}

编辑:将 https 添加到 manifest.json 文件中，错误仍然存​​在。检查弹出窗口时出现以下错误:

jquery.min.js:4 Refused to load the script 'https://sitewiththeapi.net/api/searchuser/theuser/show/list.json' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem: chrome-extension-resource:".

Answer 1

尝试添加:

"converted_from_user_script": true,

manifest.json 中的版本之后。

这更像是一种黑客行为，而不是一个合法的解决方案，但如果您是为自己开发该扩展或只是为了学习，那么它很好。