Chrome 扩展是什么?我们如何建造它?
2023-09-11 14:18:47 时间
扩展程序是基于网络技术(如 HTML、CSS 和 JavaScript)构建的软件程序,可让用户自定义 Chrome 浏览体验。
扩展的主要目的是服务于构建整个程序的单一目的,尽管它可以有多个组件,但它们应该有助于实现程序的主要目的。
扩展如何工作?
扩展是基于 HTML、JavaScript 和 CSS 等 Web 技术构建的。它们在单独的沙盒执行环境中运行,并与 Chrome 浏览器交互。
扩展允许您通过使用 API 修改浏览器行为和访问 Web 内容来“扩展”浏览器。扩展通过最终用户 UI 和开发人员 API 运行:
扩展用户界面 为用户提供一致的方式来管理他们的扩展。扩展 API 允许扩展代码访问浏览器本身的功能:激活选项卡、修改网络请求等。
要创建扩展,您需要组合一些构成扩展的资源——清单、JavaScript 和 HTML 文件、图像以及其他资源。对于开发和测试,您可以使用扩展开发人员模式将这些“解压”加载到 Chrome 中。一旦您对您的扩展感到满意,您就可以将其打包并分发给用户。
以下是一些流行且必备的 Chrome 扩展程序:
Google Calendar
Scribe
eesel
Grammarly
Loom
HubSpot Sales
LastPass
Awesome Screenshot
Checker Plus for Gmail
StayFocused
RescueTime
Buffer
Oberlo AliExpress Product Importer
Password manager
Ads blocker
构建一个基本的 Chrome 扩展
您可以从这里开始构建 Chrome 扩展程序&#
相关文章
- python selenium 用法 和 Chrome headless
- Selenium proxy setting for Chrome did not work
- centos7下安装无头浏览器(headless Chrome)
- 【复现】Chrome三天内的第二枚0Day(结合其他漏洞可绕沙箱)
- Axure-Axure RP For Chrome 演示扩展
- Chrome插件(扩展)
- chrome.socket
- Chrome 消息传递机制
- chrome扩展
- 如何使用 Flutter Web 构建 Chrome 扩展(教程含源码)
- 使用 React 创建 Chrome 扩展:分步指南
- Chrome 扩展教程之如何使用 React 构建 Chrome 扩展(教程含源码)
- 最新版chrome浏览器安装Chrome插件时出现"CRX-HEADER-INVALID"解决方法
- Chrome 67 以后版本无法离线安装crx插件
- 让delphi解析chrome扩展的native应用
- 将Chrome浏览器中的扩展程序导出为crx插件文件
- Chrome浏览器内嵌的各种手机模拟器
- Selenium打开带有扩展的chrome
- 这款Chrome扩展:能够提升空中WiFi的页面打开速度
- macaca运行报错之chrome-driver问题处理,关闭 Chrome 的自动更新
- Chrome资深粉热衷的10个必备扩展程序
- Do Chrome extensions access iframes? chrome扩展插件访问所有iframes
- Chrome浏览器扩展开发系列之二:Google Chrome浏览器扩展的调试
- Chrome浏览器扩展开发系列之三:Google Chrome浏览器扩展的架构
- 【Google Chrome】 Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource问题解决