Chrome:在 contentscript 和 popup.html 之间传递数据

发布于 2024-10-18 05:26:36 字数 541 浏览 3 评论 0原文

我有一个简单的函数,只需将 location.href 从 contentscript 传递到 popup.html 页面。它不起作用。我得到的是..

在popup.html..

        chrome.tabs.getSelected(null,function(tab)
            {
            chrome.tabs.sendRequest({req: "getlocation"}, function(response){
            return response.reply;
            });
            });

在我的contentscript中...

        case "getlocation":
        sendResponse({
            reply: location.href
            });
     break;

为什么我的代码不起作用?

I've got a simple function that just passes location.href from contentscript to the popup.html page. It's not working. what I've got is..

in popup.html..

        chrome.tabs.getSelected(null,function(tab)
            {
            chrome.tabs.sendRequest({req: "getlocation"}, function(response){
            return response.reply;
            });
            });

in my contentscript...

        case "getlocation":
        sendResponse({
            reply: location.href
            });
     break;

Why isn't my code working?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

ぇ气 2024-10-25 05:26:36

缺少一些参数,而且您无法使用异步回调函数的 return

popup.html:

function getCurrentUrl(callback){
    chrome.tabs.getSelected(null,function(tab){
        chrome.tabs.sendRequest(tab.id, {req: "getlocation"}, function(response){
            callback(response.reply);
        });
    });
}

getCurrentUrl(function(url){
    console.log("url:", url);
});

content_script.js:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    switch(request.req) {
        case "getlocation": 
            sendResponse({
                reply: window.location.href
            });
            break;
    }
});

Some params are missing, plus you can't use return from an async callback function.

popup.html:

function getCurrentUrl(callback){
    chrome.tabs.getSelected(null,function(tab){
        chrome.tabs.sendRequest(tab.id, {req: "getlocation"}, function(response){
            callback(response.reply);
        });
    });
}

getCurrentUrl(function(url){
    console.log("url:", url);
});

content_script.js:

chrome.extension.onRequest.addListener(function(request, sender, sendResponse) {
    switch(request.req) {
        case "getlocation": 
            sendResponse({
                reply: window.location.href
            });
            break;
    }
});
内心旳酸楚 2024-10-25 05:26:36

sendRequest 已过时。

使用 sendMessage

sendRequest is outdated.

use sendMessage

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文