我是一个新手,想学习如何开发谷歌浏览器扩展程序,并有一些基本问题。
我想制作一个谷歌浏览器扩展程序,它的方案如下:
- 一个包含按钮和结果字段(popup.html)的弹出窗口。
- 当单击按钮时,我希望触发一个事件,这个事件应该连接到一个web服务器(我也制作了servlet),并从服务器收集信息(XMLHttpRequest())。
- 然后,我希望我的扩展程序将收集到的信息加载到其中一个结果字段中。
很简单,不是吗?但是我在一开始就遇到了几个问题:我开始通过阅读教程来进行开发,但是我对扩展程序的主要结构还不清晰。现在,我开始了一个应用程序,其中包含一个popup.html和manifest.json......在popup.html中有一个结果字段和一个按钮。
我想制作一个谷歌浏览器扩展程序,它的方案如下:
- 一个包含按钮和结果字段(popup.html)的弹出窗口。
- 当单击按钮时,我希望触发一个事件,这个事件应该连接到一个web服务器(我也制作了servlet),并从服务器收集信息(XMLHttpRequest())。
- 然后,我希望我的扩展程序将收集到的信息加载到其中一个结果字段中。
很简单,不是吗?但是我在一开始就遇到了几个问题:我开始通过阅读教程来进行开发,但是我对扩展程序的主要结构还不清晰。现在,我开始了一个应用程序,其中包含一个popup.html和manifest.json......在popup.html中有一个结果字段和一个按钮。
<div id="extension_container">
<div id="header">
<p id="intro">Result here</p>
<button type="button" id="button">Click Me!</button>
</div> <!-- END header -->
<div id="content">
</div> <!-- END content -->
当按钮被点击时,我触发一个事件,并用jQuery进行处理,代码如下:
<script>
$(document).ready(function(){
$("#button").click(function(){
$("#intro").text("Hello, im added");
alert("Clicked");
});
});
</script>
问题来了,当在popup.html中使用时,它不起作用。如果我将其加载到Chrome中,什么都不会发生。否则,如果我在浏览器中打开popup.html而不是作为扩展程序,则一切正常工作。所以,我认为我对扩展结构有基本的误解,从background pages,background javascript等开始... :( 有人能帮助我吗?