本来是想做一个图床，然后在chrome扩展中添加上，但是发现chrome的扩展有点毫无头绪，只能从头练习，从头学了。
例子1-最最简单的展示
先做一个例子，能够添加上即可，内容什么的无所谓。
了解chrome 扩展
- manifest.json
- 入口文件(可有可无)
- icon (可有可无)
那么最重要的就是这个manifest.json文件，至于里面有什么，现在一步一步的慢慢添加。
来一个我的文件夹结构：
{
"manifest_version":2,
"name":"DEMO",
"version":"1.0",
"browser_action":{
"default_title":"点击查看信息",
"default_popup":"popup.html"
}
}上面是一个简单的内容，其中manifest_version:2 这个是固定的，name 是你的程序的名字，version是版本，browser_action 是浏览器的动作，default_title 是鼠标移入图标的提示，default_popup 是点击图标的展示页面。
那么我们后面需要做的就是增加一个`popup.html`,内容无所谓，先有再说。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.time{
padding:30px;
font-size:20px;
font-weight:bold;
min-width:200px;
}
</style>
</head>
<body>
<div class="time" id="test">
</div>
</body>
</html>
<script type="text/javascript" src="popup.js"></script>要说明的一点是：html中不能内联js,只能通过js文件外链才能生效。
展示
找到谷歌的扩展程序 --> 加载已解压的扩展程序 --> 选择文件夹 --> 完毕。
然后点击图标就会发现已经有了页面。
是不是很简单啊.（前提要懂CSS/HTML/JS哦）
后续会把练习的几个例子都记录下来。
Ps ： 第一次在知乎发文章，这编辑器是真的难用.. 也可能是还没学会如何使用。
目前暂时没有什么写作内容，主要是把个人博客的一些文章搬运过来先。
原文链接:
chrome系列-扩展程序开发学习-从无到有 | BUG集散地chrunlee.cn
321
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
