Geçerli Sekme DOM nesnesine erişme "popup.html"?

Question

Google Chrome tarayıcı için bir uzantı geliştiriyorum. Geçerli sekme DOM nesnesine "popup.html" sayfasından nasıl erişileceğini anlayamadım. herhangi bir öneriniz var mı?

Answer 1

Varsayılan olarak, popup.js/popup.html içinde "belge" nesnesi, uzantının yalnızca açılır penceresinin belgesine başvurur. Belirli bir sekme için DOM'yi almak için (örneğin şu an aktif sekmesi), content scripts communications'u kullanmanız gerekir. Örneğin size böyle bir şey yapmak popup.html yüzden, popup aracılığıyla İçerik komut için extension bir istek göndermek gerekir: İçerik komut Şimdi

chrome.tabs.getSelected(null, function(tab) { 
    // Send a request to the content script. 
    chrome.tabs.sendRequest(tab.id, {action: "getDOM"}, function(response) { 
    console.log(response.dom); 
    }); 
}); 

, biz gelen listen for those events gerek uzatma, bu nedenle bazı dosyada biz

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) { 
if (request.action == "getDOM") 
    sendResponse({dom: "The dom that you want to get"}); 
else 
    sendResponse({}); // Send nothing.. 
}); 

Şimdi içerik komut dosyası ve sekme iznini içerecek şekilde kurulum sizin manifest unutmayın dom.js

adını verdi.

Answer 2

Bu yanıt en son API ile çalışmıyor gibi görünüyor. Bu çalışan bir örnek.

popup.js:

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    var tab = tabs[0]; 
    console.log(tab.url, tab.title); 
    chrome.tabs.getSelected(null, function(tab) { 
     chrome.tabs.sendMessage(tab.id, {greeting: "hello"}, function(msg) { 
      msg = msg || {}; 
      console.log('onResponse', msg.farewell); 
     }); 
    }); 
}); 

getDescription.js: manifest.json ait

window.onload = function() { 
    chrome.runtime.onMessage.addListener(function(msg, _, sendResponse) { 
     console.log('onMessage', msg); 
     if (msg.greeting == "hello") { 
      sendResponse({farewell: "goodbye"}); 
     } else{ 
      sendResponse({}); 
     } 
    }); 
}; 

ilgili bölümleri:

{ 
    "permissions": [ 
     "tabs" 
    ], 

    "content_scripts": [ 
    { 
     "matches": ["http://*/*", "https://*/*"], 
     "js": ["getDescription.js"] 
    } 
    ] 
} 

Answer 3

Bu son düzeltmedir:

popup.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) { 
    chrome.tabs.sendMessage(tabs[0].id, {greeting: "hello"}, function(response) { 
     console.log(response.farewell); 
    }); 
}); 

(Not: Yukarıdaki console.log (response.farewell) popup.html için değil, mevcut sekmesi)

contentscript.js

chrome.runtime.onMessage.addListener(
    function(request, sender, sendResponse) { 
    if (request.greeting == "hello") 
     sendResponse({farewell: "goodbye"}); 
    }); 

Kaynak: https://developer.chrome.com/extensions/messaging