Chrome Extension Javascript未触发操作

Question

我和我的伙伴正在将第一个chrome扩展作为一个类项目创建，但似乎无法克服这一难题。 点击右上角的扩展程序图标后，我们将出现一个带有按钮的下拉菜单，单击该菜单后，它将触发一个javascript函数。 从顶部开始，我们创建了一个带有测试功能的虚拟按钮，该按钮应该触发console.log，但是无论我们做什么，都不会在控制台（或inspect popup控制台）中显示任何内容。

JS + HTML：

 document.getElementById("DOMContentLoaded", function () { var btnStart = document.getElementById('startSc'); btnStart.addEventListener('click', function () { console.log("hi"); }); });

 <!doctype html> <html> <head> <title>First Extension</title> <script src="popup.js"></script> <link rel='stylesheet' href="TBStyle.css"> </head> <body> <h1>Go Chrome!</h1> <a href="#" id="startSc">Start</a> </body> </html>

清单：

 { "name": "My First Extension", "version": "1.0", "manifest_version": 2, "description": "The first extension that I made.", "browser_action": { "default_icon": "icon.png", "default_popup": "popup.html" }, }

非常感谢您的任何帮助，在此先感谢您！

Answer 1

getElementById不能那样工作。

我相信您要寻找的是：

 document.addEventListener("DOMContentLoaded", function () { var btnStart = document.getElementById('startSc'); btnStart.addEventListener('click', function () { console.log("hi"); }); });

 <!doctype html> <html> <head> <title>First Extension</title> <script src="popup.js"></script> <link rel='stylesheet' href="TBStyle.css"> </head> <body> <h1>Go Chrome!</h1> <a href="#" id="startSc">Start</a> </body> </html>

Chrome Extension Javascript未触发操作

问题描述

1 个解决方案

解决方案1
1 2017-04-04 18:50:57

Chrome Extension Javascript未触发操作

问题描述

1 个解决方案

解决方案1 1 2017-04-04 18:50:57

解决方案1
1 2017-04-04 18:50:57