铬扩展连接问题

Question

我已经写了谷歌浏览器的扩展，我有一个错误，我需要一个帮助解决。 我所做的是使用文本选择或在flickr上输入文字搜索照片，然后创建结果选项卡。 扩展工作大部分时间。但有时会创建一个没有结果的空白标签，当我重复相同的搜索时，它会显示结果。我认为这与HTML文件消息传递可能有关。我不得不说，我总是收到来自flickr的结果，以便flickr的请求/响应可以正常工作。有时候，当我使用其他选项卡或在等待结果时在其他选项卡上执行某些操作时会发生错误。你能帮我弄清楚故障在哪里吗？

背景文件：

function searchSelection(info,tab){ 
var updated; 
    if(info.selectionText==null){ 
     var value = prompt("Search Flickr", "Type in the value to search"); 
     updated=makeNewString(value); 
    } 
    else{ 
     updated=makeNewString(info.selectionText); 
    } 
    var resultHtml; 
    var xhReq = new XMLHttpRequest(); 
    xhReq.open(
    "GET", 
    "http://api.flickr.com/services/rest/?method=flickr.photos.search&text="+updated+ 
    "&api_key=a0a60c4e0ed00af8d70800b0987cae70&content_type=7&sort=relevance&per_page=500", 
    true); 
    xhReq.onreadystatechange = function() { 

     if (xhReq.readyState == 4) { 
      if (xhReq.status == 200) { 
      chrome.tabs.executeScript(tab.id, {code:"document.body.style.cursor='auto';"}); 
       var photos = xhReq.responseXML.getElementsByTagName("photo"); 
       if(photos.length==0){ 
        alert("No results found for this selection"); 
        chrome.tabs.executeScript(tab.id, {code:"document.body.style.cursor='auto';"}); 
        return; 
       } 
       var myJSPhotos=[]; 
       for(var i=0; i<photos.length; i++){ 
        var data={"id":photos[i].getAttribute("id"),"owner":photos[i].getAttribute("owner"), 
           "secret":photos[i].getAttribute("secret"),"server":photos[i].getAttribute("server"), 
           "farm":photos[i].getAttribute("farm"),"title":photos[i].getAttribute("title")}; 
        myJSPhotos[i]=data; 
       } 

        chrome.tabs.create({"url":"results.html"},function(thistab){ 
        var port= chrome.tabs.connect(thistab.id); 
        port.postMessage({photos:myJSPhotos}); 
       }); 

      } 
     }; 
    }; 
    xhReq.send(null); 
    chrome.tabs.executeScript(tab.id, {code:"document.body.style.cursor='wait';"}); 

} 


var context="selection"; 
var id = chrome.contextMenus.create({"title": "search Flickr", "contexts":[context,'page'],"onclick":searchSelection}); 

结果HTML：只在js文件的引用res.js

res.js：

chrome.extension.onConnect.addListener(function(port) { 
    port.onMessage.addListener(function(msg) { 
//*****// 
    var photos=msg.photos; 
    createPage(photos); 

    }); 
}); 

我不得不提到的是，当该标签是空的，如果我把//*****//部分警报，它不会 火灾。 但是当我在标签创建回调函数部分打印出photos.length它打印出正确的结果。

Answer 1

尝试在清单中为您的res.js设置"run_at":"document_start"选项。

我觉得从chrome.tabs.create回调马上解雇，而无需等待网页脚本加载，所以你可以尝试这样的事情，而不是：

//global vars 
var createdTabId = null; 
var myJSPhotos = null; 

xhReq.onreadystatechange = function() { 

    //assign myJSPhotos to a global var 

    chrome.tabs.create({"url":"results.html"},function(thistab){ 
     createdTabId = thistab.id; 
    }); 
} 

chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { 
    if(changeInfo.status == "complete" && tab.id == createdTabId) { 
     createdTabId = null; 

     //now page is loaded and content scripts injected 
     var port = chrome.tabs.connect(tab.id); 
     port.postMessage({photos:myJSPhotos}); 

    } 
});