【开源】前端练手笔记,Chrome扩展应用程序(html+CSS+JS) (1)
项目名称:github-notification
项目地址:https://github.com/WQTeam/github-notification
说明:本人打算抽时间学习前端(html + css +js),选择Chrome扩展应用程序制作一个简单练手的项目。避免中途放弃在此立字为证!
有一起的兄弟吗?
项目简介:一款开源的,关于Github通知和监控个人项目的Chrome扩展应用程序(其实就是想监控下github上某个项目的star数,fork数等等。当然大家有什么想法也可以一起提出来讨论)
类似这样:
当然还需要可以弹出框看更细致的内容
完成后发布到chrome 商店中。(激动ING~!)
千里之行始于Hello World,今天先完成一个hello world版的chrome扩展程序。
先看看我们能获取的开发资源:
chrome extensions的开发教材:https://developer.chrome.com/extensions (什么不会FQ? 不会FQ的码农不是好架构师)
github API : https://developer.github.com/v3/
第一步:根据chrome扩展程序开发指南上的说明,我们首先需要一个manifest.json的文件。
manifest.json 有点类似于npm项目里的package.json
这个文件是说明所开发的扩展程序的一些基本信息,如:
名称,说明,版本号,权限等等。
更详细的说明参考:https://developer.chrome.com/extensions/manifest
第二部:按照教材加上剩下几个文件,前端jquery这么重要的当然也少不了。
最后看下项目的目录结构:
开发过程中安装也非常简单:
一、选择下面选项
二、加载项目所在的文件夹即可
最后效果图:
Hello World还是很简单的。
项目代码地址在github上:下载
最新文章
- css单位盘点
- primefaces 查询 点击按钮 加载 动画 ajax loader
- poi解析excel 03、07
- springMvc请求的跳转和传值
- 从零开始学习Node.js例子二 文本提交与显示
- 【转】 SVM算法入门
- 黄聪:WordPress 备案期间临时关闭站点设置404
- ApplicationContext
- Myeclipse 10.x 安装Aptana3.2 插件
- Swift代码实现加载WEBVIEW
- ffmpeg编译
- IBM面试记
- asp.net session分布式共享解决方案
- 部署 apply plugin: 'realm-android'
- jQuery字体缩放缩放插件zoomFontSize.js
- Spark2.2(三十九):如何根据appName监控spark任务,当任务不存在则启动(任务存在当超过多久没有活动状态则kill,等待下次启动)
- linux安全配置检查脚本_v0.8
- MySQL 大表优化方案(长文)
- 利用ApiPost接口调试与文档生成工具,提升前、后端工作效率
- 客户端TortoiseSVN的安装及使用方法 (申明:来源于网络)
热门文章
- UVAlive 3263 That Nice Euler Circuit(欧拉定理)
- poj 1080 dp如同LCS问题
- jsp文件中的alert等等
- MongoDB基础知识 01
- javascript 的点击复制事件
- 用函数生成select选择框
- winform 子窗体数据改变刷新父窗体 分类: WinForm 2014-05-06 18:30 246人阅读 评论(0) 收藏
- 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(22)-权限管理系统-模块导航制作
- 遍历datatable的几种方法【转载】
- Python异常处理 分类: python Raspberry Pi 服务器搭建 2015-04-01 13:22 172人阅读 评论(0) 收藏