我目前正在迈出扩展开发的第一步。目前我只是想在我点击按钮时出现的弹出窗口中显示一些信息。问题是它是动态信息,我从互联网上的 JSON 文件中收集。然而,我无法让数据显示在弹出窗口中,我已经将问题缩小到它似乎根本没有运行任何 Javascript 的地步......
我留下了一个非常简单的代码:
清单.json:
{
"manifest_version": 2,
"name": "Test Extention",
"version": "1.0",
"description": "",
"icons": {
"256": "icon/button.png"
},
"permissions": [
"activeTab",
"storage"
],
"browser_action": {
"default_icon": {
"200": "icon/button.png"
},
"default_title": "Test Extention",
"default_popup": "popup/popup.html"
}
}
Run Code Online (Sandbox Code Playgroud)
弹出窗口/popup.html:
<html>
<head>
<meta charset="utf-8">
<style>
html,body{width:300px}
</style>
</head>
<body>
<div id="container"></div>
<script>
document.getElementById('container').innerHTML = 'testing';
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
当我直接在 Firefox 中运行 html 文件时,它按预期显示“测试”。但是,当我运行扩展程序时,单击新按钮时会出现一个空的弹出窗口。
我还尝试将 js-code 放在一个函数中,并用一个按钮调用它,看看它是否需要一些时间才能运行 js-code ,但这也不起作用。
我确定这是我遗漏的非常简单的东西,但我找不到任何关于这个的东西......