Google chrome extension Chrome扩展弹出窗口-从background.js函数设置DIV文本
谢谢你的阅读 我一直在background.js和popup.html之间传递信息 在本例中，我试图从popup.html调用background.js中的testRequest。我已经看了几十个如何做到这一点的例子，并编写了尽可能多的解决方案，但我没有成功……这是我尝试过的解决方案之一： Popup.html：Google chrome extension Chrome扩展弹出窗口-从background.js函数设置DIV文本,google-chrome-extension,Google Chrome Extension,谢谢你的阅读 我一直在background.js和popup.html之间传递信息 在本例中，我试图从popup.html调用background.js中的testRequest。我已经看了几十个如何做到这一点的例子，并编写了尽可能多的解决方案，但我没有成功……这是我尝试过的解决方案之一： Popup.html： <html lang="en"> <head> <meta charset="utf-8" /> <title><
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<script type="text/javascript" src="background.js">
$(document).ready(function () {
document.getElementById("test").textContent = chrome.extension.getBackgroundPage.testRequest();
});
</script>
<div id="test"></div>
</body>
</html>
~Brian您可以使用简单的消息传递来完成此操作。例如： Popup.html
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script src="jquery.min.js"></script>
<script src="popup.js"></script>
</head>
<body>
<div id="test"></div>
</body>
</html>
$(function() {
chrome.runtime.sendMessage({method:"testRequest"},function(reply){
$('#test').text(reply);
});
});
chrome.runtime.onMessage.addListener(function(message,sender,sendRepsonse){
if(message.method == "testRequest")
sendResponse(testRequest());
});
function testRequest(){
return "yay!";
}
popup.html<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<script src="jquery.min.js"></script>
<script src="popup.js"></script>
</head>
<body>
<div id="test"></div>
</body>
</html>
$(function() {
chrome.runtime.sendMessage({method:"testRequest"},function(reply){
$('#test').text(reply);
});
});
chrome.runtime.onMessage.addListener(function(message,sender,sendRepsonse){
if(message.method == "testRequest")
sendResponse(testRequest());
});
function testRequest(){
return "yay!";
}
popup.html