《谷歌插件 学习笔记》

学习 谷歌插件

谷歌插件是什么

• 一种小型的用于定制浏览器体验的程序
• chrome 扩展
• 使用 web 技术开发，用来增强浏览器功能的软件

自定义一款谷歌插件

• 掌握 HTML 、JavaScript、CSS 就可以尝试去开发一些浏览器插件了
• 例如：写一些 js 爬虫、屏蔽网页广告、网页实时查词、修改http 请求头…
• 插件允许往页面注入脚本
• 实例练习demo

manifest.json 配置文件

• 用来配置插件，放置在文件根目录
• 常用属性 ：manifest_version( manifest版本)、name(扩展名称)、version( 版本)、description( 描述 )、icons( 图标位置 )
• permissions: 权限管理 定义扩展需要的权限[‘tabs’, ‘activeTab’, ‘notifications’, ‘storage’, ‘XMLHttpRequest’, ‘declarativeContent’]
• background: 子属性 scripts

background script

• 插件的运行环境
• 运行在浏览器后台，与页面没有联系

content script

• 注入到页面的js脚本，操作web 页面

插件安装

• 插件 — 后缀为crx的压缩文件，pem 文件 — 私钥
• 打开扩展程序的设置界面
• 打开开发者模式
• 选择打包扩展程序
• 加载已解压的扩展程序
• 扩展程序之选择项目文件夹
• 安装 .crx格式的文件

插件导出为 crx压缩文件

• 将我们自定义的插件进行打包
• step1:
  
  
  
• 打包完成
  
  

学习问题

• problem_one: 状态 已解决…

Required value 'version' is missing or invalid. It must be between 1-4 dot-separated integers each between 0 and 65536.

• 解决方法如下：

上述问题的原因是 `manifest.json` 配置文件中版本 `version` 的值没有加双引号导致，即 `"version": "1.0"`

• problem_two: 状态 已解决…

Only one of 'browser_action', 'page_action', and 'app' can be specified.

• 原因分析：
  

总结

• 站在巨人的肩膀上，去继续学习！