0

我正在构建一个 chrome 扩展，它打开一个 jquery 对话框并询问用户当前网站。

这是我到目前为止所做的

背景.html

<html>
    <head>
        <script>
            var tabUrl='';
            chrome.browserAction.onClicked.addListener(function(tab) {
                tabUrl=tab.url; //this varible i want to pass to popup.js

                chrome.tabs.executeScript(null, 
                {file:"jquery-ui.css", 
                    runAt:"document_start"}, 
                function() {  });
                chrome.tabs.executeScript(null, 
                {file:"jquery.js", 
                    runAt:"document_start"}, 
                function () {

                    chrome.tabs.executeScript(null, 
                    {file:"jquery-ui.min.js"}, 
                    function () {
                        chrome.tabs.executeScript(null, {file:"popup.js"}, function()       { 
                        });                    
                    });
                });
            });
        </script>
        <script ></script>
    </head>
</html>

popup.js

$(function() {
var myurl='http://localhost/addReview.php?url='+tabUrl;
var NewDialog = $('<div id="MenuDialog" ><iframe id="loader" frameborder="0" style="height:400px;width:100%" src="'+myurl+'"></iframe></div>');
NewDialog.dialog({
        modal: true,
        title: "Curate to WishCart",
        show: 'clip',
        hide: 'clip',
        width: '744'
});

});

我尝试了另一种方式，我将我的 popup.js 代码复制到 background.html 但扩展控制台显示以下错误。

  1. 未定义符号 $

  2. 未捕获的类型错误：对象 [对象对象] 没有方法“对话”

我想将 tabUrl 传递给 popup.js，这样我就可以加载 i-frame 并使用 iframe src 属性发送当前选项卡 url。

4

1 回答 1

0

传递给chrome.tabs.executeScript方法的脚本将作为Content Script执行。这意味着，它将无法访问背景页面的上下文和其中定义的变量。

我不确定，但根据文档，您可以尝试使用以下方法：

chrome.tabs.executeScript(null, 
    {
        file: "popup.js", 
        code:"showDialog(" + tabUrl + ")"
    });

注意：根据上面的示例，该showDialog函数必须在popup.js文件中定义为全局函数。

于 2012-09-28T12:40:02.480 回答