假设我打开一个新的 chrome 选项卡供用户登录。该选项卡由 chrome 扩展程序中的 createTab 打开。一旦用户登录并且服务器发送响应,我将如何让我的 chrome 扩展程序获取响应数据?
我能够创建和删除选项卡,但我无法弄清楚如何让我的 chrome 扩展知道选项卡有响应,以便我的 chrome 扩展读取该响应,将其存储在本地存储中并删除/删除镀铬标签。
假设我打开一个新的 chrome 选项卡供用户登录。该选项卡由 chrome 扩展程序中的 createTab 打开。一旦用户登录并且服务器发送响应,我将如何让我的 chrome 扩展程序获取响应数据?
我能够创建和删除选项卡,但我无法弄清楚如何让我的 chrome 扩展知道选项卡有响应,以便我的 chrome 扩展读取该响应,将其存储在本地存储中并删除/删除镀铬标签。
Suppose I open a new chrome tab for a user to sign in. The tab is opened by createTab from the chrome extension. And once the user signs in, and server sends a response, how would I make my chrome extension get the response data?
我假设服务器将响应登录 pass\fail 发送到由 chrome.newTab 新创建的页面。如果我的假设是正确的,那么这种结构对您的功能要求会有所帮助。
注入的内容脚本将查找收到的响应并通知 Chrome 扩展程序;Chrome 扩展程序可以根据需要使用数据。
清单.json
{
"name": "Content to Extension",
"description": "A sample AJAX call and etc",
"version": "0.1",
"permissions": [
"experimental", "tabs","<all_urls>"
],
"browser_action": {
"default_icon": "icon.jpg",
"default_popup": "popup.html"
},
"manifest_version": 2,
"content_scripts":[
{
"matches": ["<all_urls>"],
"js":["content.js"]
}
]
}
popup.html
<html>
<head>
<script src='popup.js'></script>
</head>
<body>
</body>
</html>
内容.js
function filtersearch(){
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function(data) {
if (xhr.readyState == 4) {
if (xhr.status == 200) {
console.log("message Sent");
chrome.extension.sendMessage("Response recived");
}
} else {
//callback(null);
}
}
var url = 'http://www.w3schools.com/html/default.asp';
xhr.open('GET', url, true);
xhr.send();
}
window.onload = filtersearch;
popup.js
chrome.extension.onMessage.addListener(function (message,sender,callback){
console.log("Message Recieved");
//Store in Local Storage
localStorage.messageRecieved = message;
// Close or remove tabs or Do every thing here
});
如果您需要更多信息,请与我们联系。