• edge 浏览器插件 demo --chatGpt


    gpt:

    要开发 Edge 浏览器插件,你可以使用基于 Web 技术的扩展框架。Edge 使用的扩展框架与 Chrome 的扩展框架非常类似,因为它们都基于 Chromium 内核。下面是一个简单的 Edge 浏览器插件示例,演示如何创建一个基本的插件,该插件在打开新标签页时显示一条欢迎消息。

    步骤:

    1. 准备开发环境:

       - 安装最新版本的 Microsoft Edge 浏览器。
       - 安装 Visual Studio Code(或其他代码编辑器)以编写插件代码。

    2. 创建插件目录:

       在你的工作目录中,创建一个新的文件夹,作为插件的根目录。例如,你可以创建一个名为 "my-edge-extension" 的文件夹。

    3. 创建插件清单文件(manifest.json):

       在插件根目录下,创建一个名为 `manifest.json` 的文件,用于描述插件的配置信息。以下是一个示例 `manifest.json` 文件的内容:

    ```json
    {
      "manifest_version": 3,
      "name": "My Edge Extension",
      "version": "1.0",
      "description": "A simple Edge extension",
      "permissions": ["activeTab"],
      "action": {
        "default_popup": "popup.html",
        "default_icon": {
          "16": "images/icon16.png",
          "48": "images/icon48.png",
          "128": "images/icon128.png"
        }
      },
      "icons": {
        "16": "images/icon16.png",
        "48": "images/icon48.png",
        "128": "images/icon128.png"
      },
      "background": {
        "service_worker": "background.js"
      },
      "content_scripts": [
        {
          "matches": [""],
          "js": ["content.js"]
        }
      ]
    }
    ```

    这个清单文件指定了插件的名称、版本、描述、权限和其他相关信息。它还定义了插件的图标、弹出页面和后台脚本。

    4. 创建弹出页面:

       在插件根目录下,创建一个名为 `popup.html` 的 HTML 文件,用于在用户单击插件图标时显示的弹出页面。例如:

    ```html



      My Extension


     

    Welcome to My Extension!



  • 相关阅读:
    【爬虫】单首音乐的爬取(附源码)
    SpringBoot与安全(Spring security)
    Kafka牛逼在哪里?
    【LeetCode热题100】【链表】排序链表
    Perl中捕获警告信息、异常信息并写入日志详解
    [MAUI]模仿网易云音乐黑胶唱片的交互实现
    Oracle EBS Interface/API(50)-创建员工API
    信息化发展52
    【MM小贴士】关于MR21修改物料价格与账期的关系
    java计算机毕业设计高校学生党建管理系统源码+mysql数据库+系统+lw文档+部署
  • 原文地址:https://blog.csdn.net/glc22/article/details/133707571