[英]Chrome Extension Response from Content Script is Undefined
我有一個簡單的 Chrome 擴展程序,代碼如下。 單擊彈出窗口中的按鈕時,我想從用戶瀏覽器選項卡中復制所選文本。
問題:從我的 Content Script selection.js 返回的所有響應都未定義
任何幫助將不勝感激 :)
清單文件
{
"manifest_version": 2,
"name": "Selected Text",
"description": "copying your highlighted text",
"version": "0.1",
"browser_action": {
"default_title": "Selected Text",
"default_icon": "icon.png",
"default_popup": "popup.html"
},
"permissions": [
"tabs",
"<all_urls>"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["selection.js"],
"run_at": "document_start",
"all_frames": true
}
]
}
彈出窗口.html
<!doctype html>
<html>
<head>
<title>Selected Text</title>
<script src="popup.js"></script>
</head>
<body>
<h1>Selected Text</h1>
<p id="text">Not Selected</p>
<button id="checkPage">Copy Highlighted Text!</button>
</body>
</html>
彈出窗口.js
function getSelectedText() {
chrome.tabs.getSelected(null, function(tab) {
chrome.tabs.sendRequest(tab.id, {method: "getSelection"}, function(response) {
// PROBLEM: response is always undefined
var text = response.data;
document.getElementById("text").innerHTML = text;
});
});
};
document.addEventListener('DOMContentLoaded', function() {
var checkPageButton = document.getElementById('checkPage');
checkPageButton.addEventListener('click', function() {
getSelectedText();
}, false);
}, false);
選擇.js
chrome.extension.onMessage.addListener(function(request, sender, sendResponse) {
if (request.method == "getSelection")
sendResponse({data: window.getSelection().toString()});
else
sendResponse({}); // snub them.
});
請記住,在更改代碼以同時執行以下操作時:
似乎內容腳本只會通過執行 2) 來刷新,而彈出窗口將通過 1) 刷新。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.