Chrome扩展程序未显示内容脚本中的数据

时间:2014-12-21 20:54:28

标签: jquery google-chrome-extension

我尝试使用扩展程序执行超级简单的任务:点击,打开弹出窗口,在页面上查找数据,填充弹出字段以及将数据转换为外部脚本。但是,我似乎无法让脚本填充我的弹出窗口,也不会在控制台中记录任何内容,也不能alert()我记录任何内容,这是必要的,所以我知道我得到了正确的数据。以下是我正在运行的内容:

的manifest.json

{
    "manifest_version": 2,
    "name": "Test ext",
    "description": "Test ext",
    "version": "0.2",
    "background": {
        "scripts": ["event.js", "jquery.min.js"],
        "persistent": false
    },
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "permissions": [
        "tabs", 
        "http://*/*", 
        "https://*/*"
    ]
}

popup.html

<html>
<head>
    <title>Auto Order</title>
</head>
<body>
    <span>Order id:<p id="orderid"></p></span>

</body>
</html>

event.js

    var orderid = $( "left post-rel" ).text();
    alert(orderid);
    console.log(orderid);

同样,我试图尽可能简化这一点。我假设一旦我了解了如何填充popup.html字段,我就会了解如何在异地处理这些数据。

1 个答案:

答案 0 :(得分:1)

后台脚本在自己不可见的空页面中运行。

看起来你正试图让后台脚本同时操作可见标签(它不能,你需要一个内容脚本)和弹出窗口(你可以&#39; t *,你需要将<script>添加到弹出窗口中。)

查看Architecture Overview

*:原则上你可以使用chrome.extension.getViews(),但这通常不是一个好主意。