最近在开发一个chrome插件,在网上找到了一些的文章,虽说按照文章可以写出对应的例子,但若要进行实际开发,发现还是有不少文章中没有的坑.下面我将结合我在开发过程中遇到的几个方面,对这些坑做一下补充. 如果你有前端开发的经验,那么你将可以很快开始你的chrome插件开发.chrome插件开发的主要内容仍然是“老三样”——HTML. CSS.javascript  不同的是执行环境与平时的浏览器略有不同,且有一些安全限制,还有插件开发中能用到一下chrome专门封装api 有哪些比较好的文档? 首…

浏览器插件的介绍 Chrome浏览器插件开发的准备工作 manifest.json配置介绍 页面如何注入scripts文件 一. 浏览器插件的介绍 浏览器插件是一种遵循一定规范的应用程序接口编写出来的,是对其进行起一个补充作用的程序,如播放Flash文件,浏览器本身是没有这个功能的,所以要通过插件来达到播放的功能. 常用的浏览器插件有: Flash插件.RealPlayer插件.ActiveX插件.雅虎插件,百度,QQ, 搜狗,新浪,360网购,抢票工具等. 二.Chrome浏览器插件开发的准备…

前言 关于案例 下一章 版本更新提示案例 一.前言 上章我们提到过开发一个插件所需要的步骤: Chrome浏览器插件开发-淘宝自动登录 并且还介绍了如何在页面上面注入脚本代码,并且成功的完成用户名和密码的自动输入功能. 本章将会以一些案例来介绍插件的一些新的开发技巧.案例将包括: 关于案例 涉及的技术点包括: 如何使用popup.html popup如何使用js 如何使用chrome  api 二.关于案例 任何一个成熟的产品都会有关于的标志,这是在法律的角度上面宣示自己拥有这个产品的所有权.…

一.chrome 浏览器插件开发是什么: 1 从技术上说插件只是一个存在于本地的一个网站.所以呢在插件开发的过程中用到的技术无非是 javascript .html .css . 二.把当前活动页面的背景变蓝: 1 manifest.json { "name":"bluer", "version":"0.17.06.0", "description":"make the current page…

2014/11/16 Google Chrome 浏览器插件开发学习 因笔记存有文件,不便发表在cnblogs上,请到evernote里找笔记 "Google Chrome 浏览器插件开发学习" 查看…

在chrome插件的开发过程中,我遇到了一些问题,在网上找了不少文章,可能是浏览器升级的原因,有一些是有效的也有无效的.下面我简单的分享一下我遇到的坑,以及我把这些坑的解决方案整理而成的js库 —— crxTool . 一.坑和铲子 1.browser action或page action与content script通信 在网上找了不少方法,最后选择的方法如下: 发送消息: var send= function(data, cb){ chrome.tabs.query({active:true…

Google Chrome浏览器扩展可以使用如下任何一种存储机制: HTML5的localStorage API实现的本地存储(此处略) Google的chrome.storage.* API实现的浏览器存储 Google的chrome.cookies.* API实现的cookie存储 1) chrome.storage API实现的浏览器存储 Chrome浏览器扩展通过chrome.storage.* API,可以存取数据或监听数据的变化. 在manifest.json文件中注册storage…

chrome用户默认路径 Win7:C:\Users\[用户名]\AppData\Local\Google\Chrome\User Data\XP:C:\Documents and Settings\[用户名]\Local Settings\Application Data\Google\Chrome\User Data\ 版本号49之前的跨域设置 Google Chrome浏览器下开启禁用缓存和js跨域限制,在启动chrome链接追加参数可行 D:\AppData\Local\Google\C…

一.安装Elasticsearch head 插件 下载安装包:https://github.com/liufengji/es-head/commit/121cdcb6d1b18656461e4889e0cf0bc38ebf4634#diff-de7a40d0634413df022c405e8eccba4a 首先:打开Chrome浏览器,按如下步骤操作: 接下来将下载的.crx文件放入扩展程序: 如上提示程序包无效时,解决办法:修改插件的扩展名为rar或zip格式,再解压,在Chrome的地址栏…

每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code   具体步骤: 1.新建 manifest.json 文件 { "name": "hijack analyse plug", "version": "0.0.1", "manifest_version": 2, "description": "chrome plug…