![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Chrome扩展程序
文章平均质量分 91
投笔丶从戎
PuTTY 本无树,MinGW 亦非台。
展开
-
#Chrome扩展程序开发教程--07:消息传递
因为 content scripts 是注入到网页中运行的,不能直接和扩展程序其它部分共享环境和变量,所以需要一些方式来与扩展程序的其它部分进行通信。扩展程序中的任何一方都可以监听从另一端发出的消息,并在同一通道上作出回应。消息可以是任何有效的 JSON 对象(null、布尔值、数字、字符串、数组或对象)。原创 2023-04-22 21:06:56 · 1868 阅读 · 0 评论 -
#Chrome扩展程序开发教程--06:Content scripts
Content scripts 是注入到网页中运行的 JavaScript 文件。它可以使用标准的 Document Object Model(DOM)对象来访问网页中内容并对其进行修改。由于安全等原因 content scripts 的运行环境和网页内容本身是隔离的,也就是说网页本身所创建对象和函数,在 content scripts 中是无法访问的,反之亦然。原创 2023-04-22 21:03:04 · 2966 阅读 · 0 评论 -
#Chrome扩展程序开发教程--05:Service worker
service worker 是一个基于事件的脚本,在后台运行,通常用来协调扩展程序中不同部分的任务和监听浏览器事件,如:扩展程序被安装、打开页面、关闭页面,创建新标签、添加新书签、点击扩展工具栏图标等。service worker 可以使用所有的Chrome API,但 service worker 不能直接与网页的内容直接进行交互,需要与 content scripts 进行通信来间接修改网页的内容(第一章中有介绍)。原创 2023-04-22 20:58:07 · 1767 阅读 · 0 评论 -
#Chrome扩展程序开发教程--04:权限申请
实现基本功能所需要的必须权限。实现其它功能所需要的可选权限。更安全,最小权限原则。更有说服力,只有当用户启用指定功能时才请求指定权限,让用户能够更好地理解需要授权的权限背后的含义。更容易升级,如果在新的版本中新增了必须权限,则 Chrome 会自动禁用该扩展,但新增可选权限不会。原创 2023-04-22 20:22:49 · 3299 阅读 · 0 评论 -
#Chrome扩展程序开发教程--03:Manifest
所有的扩展程序必须在根目录中包含且只包含一个 manifest.json 文件。这个文件我们通常称为清单文件,里面记录了关于这个扩展程序的所有元数据:使用的文件,需要的权限,谁来处理事件,谁来处理网页等。本章中笔者对 manifest.json 中所有属性进行了总结,并按照重要性划分成了四部分。原创 2023-04-22 17:21:27 · 2316 阅读 · 0 评论 -
#Chrome扩展程序开发教程--02:Hello Extensions
这里面的 “action” 用以告诉 Chrome 我们的扩展程序的图标是 hello_extensions.png,并且当用户点击图标时,应当弹出 hello.html 窗口。当我们修改了扩展程序后,为了在浏览器中看到这一变化,必须刷新扩展程序。点击扩展程序的图标(工具栏图标),就可以看到 Hello Extensions 的 popup 窗口了。默认情况下,当在本地加载扩展程序时,它将出现在扩展菜单中。,可以将你的扩展程序固定在工具条上,以便在开发过程中快速访问。4.在 Chrome 中进入。原创 2023-04-22 14:17:08 · 703 阅读 · 0 评论 -
#Chrome扩展程序开发教程--01:基本概念介绍
引言1、什么是扩展程序?2、Web技术3、Chrome 扩展程序API4、扩展程序架构生产力工具丰富网页网页内容信息聚合。原创 2023-04-22 13:52:23 · 920 阅读 · 0 评论