Chrome拡張機能から開いているタブに変数を渡す

Question

Google Chromeの拡張機能で、ユーザーがリンクをクリックして自動的にページにログインする必要があります。
フローは次のようにする必要があります。ユーザーがGC拡張のリンクをクリックすると、スクリプトは必要なすべてのパラメータを取り、新しく開いたタブに送信します。
私のスクリプトは、渡されたのparamsを挿入し、いくつかのアクションを行うことがあります。
しかし、私は理解していない、どのように変数をGC拡張スクリプトから新しく開いたタブに渡すことができますか？ここで
は、私がmain.jsでこれを使用するために、これまでに試した私のmanifest.jsonを

"content_security_policy": "script-src 'self' https://ajax.googleapis.com; object-src 'self'", 
"content_scripts": [ 
    { 
    "js": [ "window/content.js"], 
    "matches": [ 
     "https://steamcommunity.com/login/home/?goto=", 
     "http://steamcommunity.com/*", 
     "https://steamcommunity.com/*" 
    ] 
    } 
], 
"background": { 
    "scripts": [ 
    "./scripts/back.js" 
    ] 
    }, 
"web_accessible_resources": [ 
    "popup.js", 
    "window/content.js" 
], 
"permissions": [ 
    "activeTab", 
    "tabs", 
    "<all_urls>", 
    "cookies", 
    "declarativeContent" 
] 

です：

chrome.tabs.executeScript(
    tab1.id, 
     {code: "var test =" + test 
     allFrames: true 
     }, 
     {file: "../popup.js"},) 
    }) 

しかし、クリックを行うと、スクリプトは新しいタブを開き、私が書いたすべてを実行しますが、変数 'test'は表示されません。

Answer 1

それはちょうどトリッキー、難しいことではありません：あなたは、コンテンツ・スクリプトからジェクトコードを追加する必要があります。

この例を考えてみます。

inject.js

manifest.jsonを

{ 
    "manifest_version": 2, 
    "name": "My Extension", 
    "version": "1.0.0", 

    "content_scripts": [ 
    { 
     "matches": ["<all_urls>"], 
     "js": ["content.js"], 
     "run_at": "document_end", 
     "all_frames":false 
    } 
    ], 

    "web_accessible_resources": [ 
    "inject.js" 
    ] 
} 

content.js

var script = document.createElement('script'); 

script.src = chrome.extension.getURL('inject.js'); 
script.onload = function() { 
    window.postMessage({ type: "FROM_MY_EXTENSIONS", value: "123" }, "*"); 
} 

document.body.appendChild(script); 

をの

window.addEventListener("message", function(event) { if(event.data.type === 'FROM_MY_EXTENSIONS') { window._test = event.data.value; console.log('_test:', _test); } }, false); 

この拡張は、コンテンツスクリプトのメッセージからの値を持つ任意のタブに新しい_test変数を作成します。