美文网首页
1. Chrome插件介绍

1. Chrome插件介绍

作者: 白水螺丝 | 来源:发表于2019-07-17 08:38 被阅读0次

    前言

    严格来讲,我们正在说的东西应该叫Chrome扩展(Chrome Extension),真正意义上的Chrome插件是更底层的浏览器功能扩展,可能需要对浏览器源码有一定掌握才有能力去开发。鉴于Chrome插件的叫法已经习惯,本文也全部采用这种叫法,但读者需深知本文所描述的Chrome插件实际上指的是Chrome扩展。

    Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包.

    个人猜测crx可能是Chrome Extension如下3个字母的简写:

    image

    另外,其实不只是前端技术,Chrome插件还可以配合C++编写的dll动态链接库实现一些更底层的功能(NPAPI),比如全屏幕截图。

    image

    由于安全原因,Chrome浏览器42以上版本已经陆续不再支持NPAPI插件,取而代之的是更安全的PPAPI。

    学习Chrome插件开发有什么意义

    增强浏览器功能,轻松实现属于自己的“定制版”浏览器,等等。

    Chrome插件提供了很多实用API供我们使用,包括但不限于:

    • 书签控制;
    • 下载控制;
    • 窗口控制;
    • 标签控制;
    • 网络请求控制,各类事件监听;
    • 自定义原生菜单;
    • 完善的通信机制;

    为什么是Chrome插件而不是Firefox插件

    • Chrome占有率更高,更多人用;
    • 开发更简单;
    • 应用场景更广泛,Firefox插件只能运行在Firefox上,而Chrome除了Chrome浏览器之外,还可以运行在所有webkit内核的国产浏览器,比如360极速浏览器、360安全浏览器、搜狗浏览器、QQ浏览器等等;
    • 除此之外,Firefox浏览器也对Chrome插件的运行提供了一定的支持;

    开发与调试

    Chrome插件没有严格的项目结构要求,只要保证本目录有一个manifest.json即可,也不需要专门的IDE,普通的web开发工具即可。

    从右上角菜单->更多工具->扩展程序可以进入 插件管理页面,也可以直接在地址栏输入 chrome://extensions 访问。

    image

    勾选开发者模式即可以文件夹的形式直接加载插件,否则只能安装.crx格式的文件。Chrome要求插件必须从它的Chrome应用商店安装,其它任何网站下载的都无法直接安装,所以,其实我们可以把crx文件解压,然后通过开发者模式直接加载。

    开发中,代码有任何改动都必须重新加载插件,只需要在插件管理页按下Ctrl+R即可,以防万一最好还把页面刷新一下。

    api 相关

    http://www.kkh86.com/it/chrome-extension-doc/extensions/tabs.html#method-captureVisibleTab

    http://open.chrome.360.cn/extension_dev/overview.html

    相关文章

      网友评论

          本文标题:1. Chrome插件介绍

          本文链接:https://www.haomeiwen.com/subject/lkeflctx.html