chrome插件编写基本入门】的更多相关文章

chrome插件编写基本入门  http://igeekbar.com/igeekbar/post/331.htm #精选JAVASCRIPTCHROME 作为一名程序猿,怎么能不会写chrome插件呢[笑] 所以今天就教教大家怎么写最基本的chrome插件,不对,确切地说是互相学习一起学习. (我是不会告诉你说我也是刚学会没多久的!) 基础知识: 首先,我们要知道一个 chrome插件需要哪些文件 其实很简单 配置(入口)文件 manifest.json xx.html xx.css xx.j…
编写chrome插件之前,需要熟悉一下相应的chrome插件开发环境.从编写hello world开始,参考阅读官方的教程,是一个不错的选择.这里主要是基于chrome的官方教程,稍稍做了一些修改和扩充,总结成了如下的几个部分. 在chrome中编写插件和写网页应用基本一致,采用的是javascript+css+html的方式.所以对于用过chrome浏览器审阅过一些网页的源码,写过网页或者脚本的人而言,编写chrome的插件感觉到还是比较熟悉的. 一.chrome插件和用户的几种交互方式 比较…
一个插件的大致目录结构如下: 其中manifest文件最为重要,它定义/指明插件应用的相关信息(权限.版本.功能说明等),点此查看Manifest的详情>>   这里有一篇chrome官方提供的插件编写的例子<Getting Started:Building a Chrome Extension>   popup.html的说明,就是浏览器导航上的插件按钮点击后的弹出页面 background.htm是一个始终运行于浏览器后台的页面,浏览器关闭时它才被关闭,可以作为一个监听者 地址…
Chrome 插件,你可以理解为打开了一个网页,但是里面只有前端语言,JavaScript, HTML + css 但是有一点区别的是,它是有一个名字为 manifest.json 的配置文件的,里面,有关于这个插件的一些配置,如下: manifest.json { // 这是必要的,代表 manifest版本, 网上介绍说必须写 2 "manifest_version" : 2, // 名字也是必要的 "name" : "chen_crx_text&qu…
1.插件文件结构 1.1.manifest.json 每一个扩展.可安装的WebApp.皮肤,都有一个JSON格式的manifest文件,里面存放重要的插件相关信息. 一个最基本的配置例子: { "name": "browser action demo", "version": "1.0", "permissions": [ "tabs", "http://*/*",…
选课是个问题,为了选课,便有了以下的故事. 最开始,萌生想法于2013年7月. 接着网上了解了chrome的结构知识,却发现例子是假的. 幸好有之前师兄的一个同功能插件开源,但代码写得很乱,我喜欢逻辑清楚,结构优雅的代码.终于决定重写一个. 继续学习chrome,jQuery知识,遇到问题主要找百度谷歌,发现谷歌搜索比百度强多!而且,本博3个月了都还没被百度收录到! 关键时间是从2013年9月2日到9月6日,工作时间安排非常严重,以致最后生病了. 好处是: 一.这个小小的项目,我经历了功能导向的…
说chrome插件编写的先关文章, 首推小茗的[干货]Chrome插件(扩展)开发全攻略. 有非常完善的理论,引用和demo代码. 但是还是建议看官方的 chrome extensions. chrome 插件是什么,能做什么 增强浏览器功能,HTML.CSS.JS.图片等资源组成的一个.crx后缀的压缩包. 从界面到网络请求,到本地资源的交互,都是统统可以的. 比如: ColorZilla: 取色工具 Octotree: github 项目的右边导航 FeHelper: Web 前端助手, j…
根据相关数据显示,谷歌的Chrome浏览器目前已达近七成的市场占有率,成为浏览器的"霸主".大家选择Chrome,除了是因为性能的优越以及强大的兼容性之外,Chrome充足的扩展插件,可以让我们的浏览器成为一个"百宝箱".而谷歌浏览器插件更是一种用于定制浏览器体验的小程序,通过插件,我们可以根据个人的需求定制浏览器的行为.Chrome插件是一个用Web技术开发的软件,可以说只要掌握了"前端三兄弟"(html.js.css),相当于会了Chrome…
之前挖了个坑,准备写篇gulp插件编写入门的科普文,之后迟迟没有动笔,因为不知道该肿么讲清楚Stream这货,毕竟,gulp插件的实现不像grunt插件的实现那么直观. 好吧,于是决定单刀直入了.文中插件示例可在这里找到:https://github.com/chyingp/gulp-preprocess 写在前面 我们来看看下面的gruntfile,里面用到了笔者刚写的一个gulp插件gulp-preprocess.好吧,npm publish的时候才发现几个月前就被抢注了.为什么星期天晚上在…
1 前言 目前百度搜索列表首页里,广告5条正常内容是10条,而且广告都是前1到5条的位置,与正常内容的显示样式无异.对于我们这样有能力的开发者,其实可以简单的实现一个chrome插件,在百度搜索页面里执行一些我们自己的javascript,删除掉这些广告条目. 2 插件简介 Chrome插件逻辑主体为两部分组成,一是在目标文档(比如www.baidu.com页面)运行的js和css,叫content_scripts:一部分是在chrome外壳上加载与显示的内容(比如图标和设置界面)叫browse…