chrome：// extensions/

Question

でGoogle Chrome拡張機能をテストしても機能しないGoogle拡張機能について少し勉強しようとしていますので、apiを使用して簡単な拡張機能を作成しようとしました。ajaxいくつかの結果を返します。

私はブラウザ（ローカルホスト）に直接テスト

は、それが完璧に動作しますが、私は chrome://extensions/に追加し、 ロードアンパック延長...開発者モードでをクリックしてテストしようとすると、それは働いていません。

これは私のapp.jsajaxと呼び出しです：

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://*/" 
    ] 
} 

EDIT：追加httpsmanifest.jsonへのファイルとエラーが続きます。あなたのmanifest.jsonをでバージョン後

"converted_from_user_script": true, 

：

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

てみて、追加：ポップアップの検査 私は、次のエラーを得ました。

これは正当な解決策よりも多くのハックですが、自分自身でその拡張機能を開発している場合や習得している場合は問題ありません。