2014-12-07 239 views
0

今天我开始学习如何使Chrome扩展。我想要它做的是当我按下扩展按钮时警报。Chrome扩展程序 - 点击事件

我的manifest.json文件:

{ 
"name": "BrowserActionExtension", 
"version": "0.0.1", 
"manifest_version": 2, 
"background": { "scripts": ["background.js"] }, 
"browser_action": { 
    "default_icon": { 
     "19": "icons/19x19.png", 
     "38": "icons/38x38.png" 
    }, 
    "default_title": "That's the tool tip", 
    "default_popup": "popup.html" 
} 
} 

我绑几件事情。第一个是在popup.html中运行脚本。但我读到我不能使用内联脚本。我popup.html文件:

<html> 
<head> 
    <script src='script.js' type='text/javascript'></script> 
</head> 

<body> 
    Hello World! 
</body> 
</html> 

和我的脚本文件:

<script> 
console.log("clicked"); 
alert("hey"); 
</script> 

他们没有工作,没有任何警报,并没有写入到控制台。

我想最后一件事是使用方法:chrome.browserAction.onClicked.addListener 我在后台脚本中使用,我想通了,在内线开始工作,如果它运行的每个选项卡或它的工作原理一次(没看懂一旦我打开浏览器)。

function dostuff() { 
    console.log("HEY") 
    alert("FDS"); 
} 

chrome.browserAction.onClicked.addListener(dostuff); 

如何在按下扩展按钮时发出警报?

谢谢您的帮助和时间

+0

警报点击?问题底部的方法看起来不错。您的其他方法不起作用,因为您已经在.js文件中获得了HTML标签。 [检查弹出窗口](https://developer.chrome.com/extensions/tut_debugging#inspect-popup),你会看到控制台中报告的语法错误。 – 2014-12-07 23:48:29

回答

3

1)你不应该包裹内容包含的JavaScript文件的<script>标签。

删除它,你的例子应该工作。

哦,顺便说一下,console.log("clicked");将输出到弹出窗口的控制台。您可以通过右键单击并选择“检查弹出窗口”来检查(并查看有关代码的错误)。 2)你在后台的代码不起作用,因为当你使用弹出页面时,事件不会触发。有关更多信息,请参阅here

+0

非常感谢!它所有的工作。该脚本正在工作,我可以看到日志并且点击也在工作。很棒,谢谢你的回答 – MyNick 2014-12-08 08:41:55