Question

我是一个绝对垃圾的德国人，但知道一些代码，我有一个德国测试，所以我计划进行镀铬扩展。我有一个完全在普通HTML页面中工作的文件，但是当我将它上传到扩展名时它不起作用;当我点击“vertaal”按钮（荷兰语为“翻译”）时，它什么也没做。当我在普通页面中执行HTML文件时，它返回输入，仅供我测试，当输入为1时输出“1”，输入为2时输出“2”，并且“我不明白。 ..“如果输入是其他任何东西。这是完整的HTML文件：

<!doctype html>
<html>
  <head>
    <title>Getting Started Extension's Popup</title>
    <style type="text/css">
      body {
        margin: 10px;
        white-space: nowrap;
      }

      h1 {
        font-size: 15px;
      }

      #container {
        align-items: center;
        display: flex;
        justify-content: space-between;
      }
    </style>
    <script src="popup.js"></script>
  <script>

	function myFunction() {
		var TextboxIn = textbox.value;
        document.getElementById("test").innerHTML =  textbox.value;
		switch (TextboxIn) {
			case "1":
				document.getElementById("output").innerHTML = "one";
			break;
			case "2":
				document.getElementById("output").innerHTML = "two";
			break;
			default:
				document.getElementById("output").innerHTML = "I dont get that..."
			break;
		}
    }
    document.addEventListener("DOMContentLoaded", function() {
        document.querySelector("button").addEventListener("click", myFunction);
        });
  </script>
  </head>

  <body>
  <div id="_Alw">
    <div class id="lga">
    <h1>Heph's awesome Chrome extension.</h1>
    </div>
        <input name="textbox" id="textbox" type="text">
    <button type="button">vertaal</button>
  </div>
  <p id="test"></p>
  <p id="output"></p>
  </body>
</html>

manifest.json文件：

{
  "manifest_version": 2,
  "name": "Heph's Extension",
  "description": "Dutch-made.",
  "version": "1.0",

   "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
},
"permissions"; [
 "activeTab"
]
}

清单文件是从Chrome扩展程序“模板”复制的，但我不认为它会导致任何问题。同样，我的问题是，需要更改代码的哪一部分，或者需要制作哪些文件才能在chrome 扩展中运行此代码。即使格式化问题也会对我有所帮助。非常感谢，Hephae。

HTML文件可以使用，但不能作为chrome扩展名

0 个答案: