内容脚本在弹出页面上不起作用

时间:2015-11-05 23:42:26

标签: javascript google-chrome-extension

为什么在显示扩展程序的弹出窗口时未调用changeContentName函数?

的manifest.json:

{
    "manifest_version": 2,
    "name":"This is my first chrome addon!",
    "description": "This extension just shows a text!",
    "version":"1.0",
    "icons":{
        "128":"icon.png",
        "16":"icon.png"
        },
    "browser_action":{
        "default_icon":"icon.png",
        "default_popup":"popup.html",
        "default_title":"Click here!"
    },
    "content_scripts":[{
            "matches": ["<all_urls>"],
            "js": ["JavaScript.js"]
        }
    ],
    "permissions":[
        "activeTab",
        "history",
        "tabs"
    ]
}

popup.html:

<!doctype html>
<html>
<head>
    <title>My Awesome PopUp!</title>
    <script src="JavaScript.js"/>
    <style>
        body{
            background-color: green;
        }
    </style>
</head>
<body>
    <a id="1">Pasta la Pasta</a>
</body>
</html>

JavaScript.js:

var changeContentName = function(id, value){
    document.getElementById(id).innerHTML = value;
};

document.addEventListener('DOMContentLoaded', function(){
    changeContentName("1", "Hello");
});

1 个答案:

答案 0 :(得分:0)

内容脚本无法自动插入到弹出页面等扩展程序页面中。

在这种情况下,我没有看到对内容脚本的任何需求。只需引用popup.html中的脚本文件:

<head>
    <script src="JavaScript.js"></script>

从manifest.json中删除"content_scripts"部分。