【chrome 插件】初窥

news/2024/12/21 19:38:32/

目录结构

javascript">-----manifest.json  #配置文件
|----content.js #对应操纵浏览器页面
|----background.js #一直运行在后台,负责持久化数据, 负责与服务器交互数据
|----popup.js #自动配置到 popup.html, 有权限操纵 popup.html
|----popup.html #插件页面

其中 popup.js 插件会自动配置给 popup.html,其他的 content.jsbackground.js 需要在 manifest.json 配置。

通信

由于每个 js 文件的职责不同,权限不同,所以每个 js 文件需要通信。
他们可以通过 sendMessage()onMessage() 通信。
主调者通过 sendMessage() 调用 被调者中的方法,被调者通过 onMessage() 来监听并返回结果


http://www.ppmy.cn/news/1533633.html

相关文章

相互作用感知的 3D 分子生成 VAE 模型 - DeepICL 评测

DeepICL 是一个基于相互作用感知的 3D 分子生成模型,能够在目标结合口袋内进行相互作用引导的小分子设计。DeepICL 通过利用蛋白质-配体相互作用的普遍模式作为先验知识,在有限的实验数据下也能实现高度的泛化能力。 一、背景介绍 DeepICL 来源于韩国科学…

MySQL 实验 3:创建数据表

MySQL 实验 3:创建数据表 目录 MySQL 实验 3:创建数据表一、创建数据表的语法二、常用的数据类型1、数值型2、日期时间型3、文本类型 三、查看数据库中的表四、查看表结构 关系数据库中的所有数据都保存在数据表(table)中。表是数…

React第九章(组件通信)

组件通信Props React 组件使用 props 来互相通信。每个父组件都可以提供 props 给它的子组件,从而将一些信息传递给它。Props 可能会让你想起 HTML 属性,但你可以通过它们传递任何 JavaScript 值,包括对象、数组和函数 以及html 元素&#x…

【C#生态园】构建安全可靠的身份验证:六种C# OAuth认证库全面比较

选择最适合你的C# OAuth认证库:核心功能与使用场景解析 前言 在当今互联网时代,用户身份验证和授权已经成为每个应用程序的关键组成部分。为了简化开发人员的工作并提供安全可靠的解决方案,许多C# OAuth认证库和身份验证服务平台已经涌现出…

Spring Cloud Gateway接入WebSocket:实现实时通信

在现代的微服务架构中,实时通信变得越来越重要。Spring Cloud Gateway作为Spring Cloud生态中的API网关,提供了动态路由、监控、弹性、安全等功能。本文将介绍如何通过Spring Cloud Gateway接入WebSocket,实现服务之间的实时通信。 为什么需…

NOI Linux 2.0 使用指南 Code Blocks 手把手教会你

安装 NOI Linux 2.0 的镜像可以从 NOI 官网下载。(NOI Linux 2.0发布,将于9月1日起正式启用!) 可以采用 Virtual Box 或者 VMWare 来安装虚拟机(不建议安装实体机,如果想要尝试 Linux 环境,推荐使用 WSL 2.0&#xf…

Java面向对象第二章方法与方法重载练习题

练习1:简易计算器 需求说明 实现简易计算器,分别实现两个整数、三个浮点数的加法运算 package dierzhang;import java.util.Scanner;public class LianxiCounter {public static void main(String[] args) {Scanner sc new Scanner(System.in);//读取…

《Windows PE》3.2.4节表

节表由多个节表项(IMAGE_SECTION_ HEADER)组成,每个节表项(40个字节)记录了 PE中与某个特定的节有关的信息,如节的属性、节 的大小、在文件和内存中的起始位置等。节表中节的数量由字段IMAGE_FILE_HEADER. …