快速入门 - 插件界面 ¶

• 作者：KK

• 发表日期：2016.02.20

创建界面文件和代码 ¶

根据配置文件的browser_action的default_popup所指的文件名，我们建立一个ui.html作为界面，里面写一些HTML和CSS。

你最好用CSS定义一下body的宽高，不然到时候插件界面弹出来时会默认比较窄。

实现界面交互 ¶

界面中不能带有任何js代码，所有js都必须通过script标签外部引入来实现，比如你要一个#btnLogin在点击之后可以提示"登陆成功"。

先在插件开发目录下创建"ui.js"，里面写上：

window.addEventListener('load', function(){
	document.getElementById('btnLogin').addEventListener('click', function(){
		alert('登陆成功');
	});
});

然后在ui.html中加入<script src="ui.js"></script>来引入JS：