阅读 205

微软EDGE浏览器扩展插件的概念和架构

本文介绍了有助于构建微软边缘扩展的概念。请关注多选项卡浏览器的工作原理。

了解浏览器的工作原理

下面的列表概述了在构建扩展之前要了解的有用信息。

  1. 每个浏览器选项卡都与所有其他选项卡隔离。每个选项卡运行在一个单独的线程中,该线程与其他浏览器选项卡和线程隔离。

    每个浏览器选项卡一个线程

    每个浏览器选项卡一个线程

  2. 每个选项卡处理一个 GET 请求。每个选项卡都使用 URL 获取单个数据流,这通常是 HTML 文档。该单流或页面包括 JavaScript 等说明,包括标签、图像参考、CSS 引用等。所有资源都下载到该选项卡页面,然后在选项卡中渲染页面。

  3. 每个选项卡和远程服务器之间都会进行通信。每个选项卡在隔离环境中运行。每个选项卡仍连接到互联网,但每个选项卡都与其他选项卡隔离。选项卡可以运行 JavaScript 与服务器进行通信。服务器是输入到选项卡 URL 条中的第一个 GET 请求的源源服务器。

  4. 扩展模型使用不同的通信模型。与选项卡页面类似,扩展在从其他选项卡页面线程中隔离的单个线程中运行。选项卡向远程服务器发送单个 GET 请求,然后渲染页面。但是,扩展的工作原理类似于远程服务器。在浏览器中安装扩展程序可在浏览器中创建独立的 Web 服务器。扩展从所有选项卡页面中隔离。

    扩展使用不同的通信模式

    扩展使用不同的通信模式

扩展架构

下列列表概述了与扩展架构相关的有用信息。

  1. 扩展 Web 服务器捆绑包。扩展是一捆 Web 资源。Web 资源类似于您(Web 开发人员)发布到 Web 服务器的其他资源。构建扩展时,将 Web 资源捆绑到拉链文件中。

    拉链文件包括 HTML、CSS、JavaScript 和图像文件。拉链文件的根部还需要一个文件。另一个文件是被命名的清单文件。清单文件是扩展的蓝图,包括扩展的版本、标题、扩展运行所需的权限等。manifest.json

  2. 启动扩展服务器。Web 服务器包含您的 Web 捆绑包。浏览器导航到服务器上的网格,并下载文件以在浏览器中渲染。浏览器使用证书、配置文件等进行导航。如果指定了文件,则文件存储在 Web 服务器上的特定位置。index.html

    当您使用扩展时,浏览器的选项卡页面会使用扩展运行时间到达扩展的 Web 捆绑包。扩展运行时间为来自 URL 的文件提供服务,在安装过程中,该文件是分配给扩展的一个唯一标识符。每个扩展都使用不同的唯一标识符。每个标识符指向安装在浏览器中的 Web 捆绑包。extension://{some-long-unique-identifier}/index.html``{some-long-unique-identifier}

  3. 扩展可能与选项卡和浏览器工具栏进行通信。扩展可能与浏览器的工具栏交互。每个扩展管理以单独的线程运行选项卡页面,并且每个选项卡页面上的 DOM 操作是孤立的。扩展使用扩展 API 在扩展和选项卡页面之间进行通信。扩展 API 提供额外的功能,包括通知管理、存储管理等。

    就像 Web 服务器一样,当浏览器打开时,扩展会等待通知。扩展和选项卡页面以彼此隔离的线程运行。要允许扩展与任何选项卡页面配合使用,请使用扩展 API 并在清单文件中设置权限。

  4. 扩展在安装时提供选择加入权限。您指定文件中的扩展权限。当用户安装扩展时,将显示有关扩展所需的权限的信息。根据所需的权限类型,扩展可以从浏览器中提取和使用信息。manifest.json


作者:非优秀程序员
链接:https://juejin.cn/post/7026144138781261861


文章分类
后端
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐