谷歌chrome扩展插件开发入门教程(1):做第一个chrome插件

回到之前的问题,谷歌chrome扩展插件开发其实不是特别的难吧,个人感觉是这样的。做下个人的谷歌chrome扩展插件开发入门教程(1),做第一个chrome插件,从最简单的坐起。

新建一个文件夹:英文哦。

譬如我的:yifen

1、新建文件:manifest.json


{
	"name" : "一分钟搞笑网",
	"version" : "1.0",
	"description" : "轻松查看一分钟搞笑网的经典笑话,非常不错哦,http://www.yifen5.com",
	"manifest_version": 2,  /*这样必须要有的。
	"browser_action" : {   /*浏览器动作*/
		"default_title": "提示标题哦,方便放上去的提示。",
		"default_icon" : "myright16.png",
		"default_popup" : "popup.html"
	}
}
这是简单的json格式。


2、default_popup 是鼠标放上去的动作,chrome插件对应弹出:popup.html 就是html的代码,支持html5和css3哦。

我这里只是一个简单的示例:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	<p>Hello,各位亲们</p>
    <p>我的名字叫包子</p>
    <p><a href="http://www.yifen5.com" target="_blank">一分钟搞笑网</a>
    <p><img src="myright128.png" /></p>
</body>
</html>
OK了,就这样了,安装方法:


工具=》扩展程序=》可以直接载入开发的开发程序,也可以打包发给别人安装,哈哈。



关键词: chrome扩展开发 , chrome插件

上一篇: 谷歌chrome浏览器扩展插件报错:“Manifest file is invalid"解决方法
下一篇: 解决搜狗浏览器扩展插件开发提示“工具文件格式非法 ,无法安装”问题

目前还没有人评论,您发表点看法?
发表评论

评论内容 (必填):