Chrome拡張 - sendRequestが遅い

Question

バックグラウンドスクリプトからコンテンツスクリプトリクエストの値を取得できません。

content_script.js 
================= 
var elements = undefined 
var properties = undefined 
var targets = undefined 
chrome.extension.sendRequest({greeting: "elements"}, function(response) { 
    elements = response.input; 
}); 
if (elements == undefined){ 
    var elements = ["a","img"]; 
}else{ 
    elements = elements.split(','); 
} 
chrome.extension.sendRequest({greeting: "properties"}, function(response) { 
    properties = response.input; 
}); 
if (properties == undefined){ 
    var properties = ["alt","id","class"]; 
}else{ 
    properties = properties.split(','); 
} 
chrome.extension.sendRequest({greeting: "targets"}, function(response) { 
    targets = response.input; 
}); 
if (targets == undefined){ 
    var targets = ["onclick","href"]; 
}else{ 
    targets = targets.split(','); 
}... 
...More code and references to elements following... 

上記のコードは上記のみ設定された値に関連するいずれかを実行する前に、コードでブレーク（つまり、待機中）があるとき、私はそれを行うために何かを置くことができるが、私は使用することを好むだろうと仮定作品可能であれば、より効率的なソリューションです。

（

background.js 
============= 
chrome.extension.onRequest.addListener(
function(request, sender, sendResponse) { 
    switch (request.greeting){ 
     case "elements": 
       var elements = localStorage["elements"]; 
       sendResponse({input: elements}); 
       break; 
     case "properties": 
       var properties = localStorage["properties"]; 
       sendResponse({input: properties}); 
       break; 
     case "targets": 
       var targets = localStorage["targets"]; 
       sendResponse({input: targets}); 
       break; 
     } 
    }); 

:)参考のために私はあなたがそれを行うことができない3時間（まだ私はJSでやっている学習）

Answer 1

Uhhhhhmのためにこれをされています

chrome.extension.sendRequest({greeting: "properties"}, function(response) { 
    properties = response.input; 
}); 
if (properties == undefined){ // always undefined 
    var properties = ["alt","id","class"]; 
}else{ 
    properties = properties.split(','); 
} 

sendRequestは非同期です。

未定義のチェックの正しい方法は次のとおりです。あなたはすべてのものが必要な場合は

if (typeof properties == "undefined") 

ちょうど1つの要求を行い、コールバック内ですべて自分のものを実行します。

chrome.extension.sendRequest({greeting: "all"}, function(response) { 
    if (response.elements === null) { 
     var elements = ["a","img"]; 
    } else { 
     var elements = response.elements.split(','); 
    } 

    if (response.properties === null) { 
     var properties = ["alt","id","class"]; 
    } else { 
     var properties = response.properties.split(','); 
    } 

    if (response.targets === null) { 
     var targets = ["onclick","href"]; 
    } else { 
     var targets = response.targets.split(','); 
    } 
}); 

、バックグラウンドで：

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
    switch (request.greeting){ 
     case "all": 
      sendResponse({ 
       elements: localStorage.getItem("targets"), 
       properties: localStorage.getItem("properties"), 
       targets: localStorage.getItem("targets") 
      }); 
      break; 
    } 
});