热门插件

安全类LastPass:暗码管理器

一款Freemium的跨渠道在线暗码管理东西。 旨在经过将用户的暗码集中在云端以处理暗码疲惫。 LastPass运用Web界面为根底,但还提供运用于许多现代浏览器的插件和小书签。

  • 存储用户名和暗码,主动登录
  • 经过保存地址、信用卡号等来快速填写表格
  • 保存护照、保险卡和其他任保护的东西

Chrome 插件开发入门

功率类Flash Switcher:闪电切换器

专心于进步浏览器操作功率、体验的东西,聚集最常用的多选项卡 Tab 切换、千级乃至万级书签检索、以及海量的搜索前史,饯别”现在有用的,将来大概率有用的”理念,完成任意数量 Tab、书签、前史的常数级、沉浸式操作,提高功率,节省海量的毛细时刻。

  • 方针: 将浏览器打造成【第二大脑】
  • 特征 : 将浏览器操作功率进步到极致,无视Tab、书签、前史的数量和深度,完成常数级的功率确保

Chrome 插件开发入门

Chrome 插件开发入门

插件意义

场景: 书签操作

书签是浏览器最重要、也是日子日常日子作业最常用的功能之一

Chrome 插件开发入门

  • 中心问题:长耗时操作

在书签数量大、层级深、归类不清晰等背景下,每一次的增加、修正、查询书签都是极其耗时的长、重操作,大大限制了书签的数量和效果。

Chrome 插件开发入门

  • 插件式方案

秒级定位: 无视书签数量、层级深度丝滑操作: 语义化快捷键,当前页面,不跳转、不分散主精力数量级提高: 能够轻松管理千级乃至万级数量的书签,大幅提高书签数量和质量

插件中心概念

依据个人习惯、日子、作业场景的需要,利用浏览器插件开发机制和API,将自己特定大量、重复性需求插件化、自助化。

Chrome 插件开发入门

哪里能够扩展?

Chrome 插件开发入门

Chrome 的界面布局和插件式设计决定了其或许的扩展点和机制。

Chrome 插件开发入门

Manifest.json:装备进口

用以装备运用名、版别,以及所需的体系权限,最重要、不可缺少,有必要置于根目录

  • manifest_version: 插件版别

目前只支撑上架和更新 v3 版别,v2 不再支撑,有必要在 2023 年前全部替换。且 V3 版的上架审阅优先级更高,周期更短。

Chrome 插件开发入门

v3版别对 v2 版的组件和API进行了大幅度的优化和安全增强,最首要的变动如下图

Chrome 插件开发入门

  • Permission 权限

需要请求正确的权限才能够调用相应的API,如操作选项卡的 tabs 权限。

Chrome 插件开发入门

最小权限原则:尽量运用必要的权限,过多的、敏感权限将导致审阅时刻大大延伸,乃至回绝

Chrome 插件开发入门

v3版别中Api Permission 和 Host Permission 分离,以更清晰的界定权限类别。

Chrome 插件开发入门

Service Worker: 中央处理器

本质上是浏览器在后台运转的脚本,它是彻底独立于它正在处理或服务的网页。它们充当了 web 运用程序、浏览器和网络之间的代理服务器。service worker 赋予 Web 运用程序像原生运用程序一样作业的才能

  • 无状况瞬时组件:在浏览器启动后初始化履行,便销毁
  • 事情驱动: 经过注册各类事情监听器,作为其他组件间的中央处理和通信单元
  • 权限最大: 能够调用除了 Dom 外的大部分API,完成其他组件不可用履行的功能

Chrome 插件开发入门

Chrome 插件开发入门

Popup: 弹窗

点击browseraction或者pageaction图标时翻开的一个小窗口网页,焦点脱离网页就立即关闭,一般用来做一些临时性的交互。

  • 大部分插件首要的交互区域、作业方式
  • 最大空间:800 x 600

Chrome 插件开发入门

ContentJs: 内容脚本

向当前主页面窗口中注入脚本的一种形式,最常见的比方:广告屏蔽、页面CSS定制。

  • 打破POP窗口大小的局限性,自由度更高
  • 留意CSS款式污染,会导致部分宿主页面变形

Chrome 插件开发入门

插件DIY – Rename Tab

背景

部分网站的一切子页面的标题相同,当翻开众多时,很难经过标题快速区分详细是哪个页面,影响并发多开基数。

功能需求

支撑手动或主动修正当前页面Tab标题,增加Tab可辨识性、可搜干脆。

Chrome 插件开发入门

Chrome 插件开发入门

链接

  • Rename Tab