首页 > 其他分享 >谷歌扩展V2升级V3一些功能的汇总

谷歌扩展V2升级V3一些功能的汇总

时间:2024-03-02 21:33:06浏览次数:195  
标签:插件 service 汇总 worker 通信 js V2 V3 页面

 

  1. 扩展的页面通信
    1. service-worker.js(原v2版本的background.js)与popup页面的通信
    2. popup页面不能直接使用缓存(cookie等),必须在service-worker等页面使用,使用sendMessage与service-worker通信,在service-worker获取到缓存后再回传给popup页面
    3. js页面与扩展的通信:js插件里使用window.postMessage发送信息,content使用window.addEventListener进行监听,并对信息进行分类后传递给service-worker也就是v2的background,这样就间接的实现了数据的通信

  

 

    2.V3版本的content(注入页面js)与v2版本不同,v3只能操作dom,与当前页面也只能通过dom进行通信,故此不能直接和扩展进行通信,目前的解决方案是:

 

    1. 先定义好我们的js插件,当页面引入插件后以api的形式通过插件与扩展进行交互
    2. js插件里使用window.postMessage发送信息,content使用window.addEventListener进行监听,并对信息进行分类后传递给service-worker也就是v2的background,这样就间接的实现了数据的通信
    3. 同理反过来就是service-worker传递数据给当前使用扩展的页面
    4. 需要注意的是每一步都需要一个唯一的id,不然就会导致数据传递错乱

 

标签:插件,service,汇总,worker,通信,js,V2,V3,页面
From: https://www.cnblogs.com/sixrookie/p/18049269

相关文章

  • pytest踩坑汇总
     pytest简易教程汇总,详见:https://www.cnblogs.com/uncleyong/p/17982846问题一:pytest参数化时出现unicode编码问题详见:https://www.cnblogs.com/uncleyong/p/18022091 pycharm中执行 配置文件pytest.ini中添加:disable_test_id_escaping_and_forfeit_all_rights_to_......
  • PKUWC+WC+SCOI 2024 游记汇总
    由于是我一次性补的,有些细节可能忘掉了/lh,就不会那么详细了。题外话感觉我可能不适合写游记(?),写得没意思,主要是也没有什么动力去写。写这种东西本来应该只是为了记录,但是我好像没有这种习惯,只是为了跟风才强迫自己去写一些东西。而且看起来很像流水账。而且还可能有一种“我考得好......
  • 2023互联网笔试记录汇总(61道真题+题解)
    以下编程题均为博主在2023年投递实习和秋招过程中的笔试真题(共61道编程题),为避免不必要的麻烦,不对题目的来源进行说明。3.4第一题题意:给一个数组(n≤2e5),求数组内任意数对的最大差值。即对任意i<j,求最大的x[j]-x[i]。题解:处理一下前缀最小值。第二题题意:给一个数组(n≤2e5......
  • 数据集格式汇总
    2Luo'sdatasetLuo'sdataset数据集是在DTINet模型论文中提出并构建出来的,下载地址从公共数据集中收集了代表不同药物相关信息的四种类型的节点和六种类型的边,并用于构建DTI预测任务的异构网络。构建的异构网络中,共包括12015个节点和1895445条边。具体该数据集内文件目录如下......
  • 在 Spring Boot 3.x 中使用 SpringDoc 2 / Swagger V3
    SpringDocV1只支持到SpringBoot2.xspringdoc-openapiv1.7.0isthelatestOpenSourcereleasesupportingSpringBoot2.xand1.x.SpringBoot3.x要用SpringDoc2/SwaggerV3,并且包名也改成了springdoc-openapi-starter-webmvc-uiSpringDocV2https://spr......
  • div3笔记
     Problem-E-Codeforces这道题用了记录一个数末尾零的板子(敲重点)!!!再说一遍,简单博弈论就是贪心!1voidsolve(){2cin>>n>>m;3vector<int>a(n),b(n);4for(inti=0;i<n;i++)cin>>a[i];5intlen=0;//这组数字总共有几位,总长度6......
  • 2024 蓝桥杯模拟赛3(div1+div2)
    2024蓝桥杯模拟赛3(div1+div2)P8834[传智杯#3决赛]序列简单的模拟,数据范围很小,暴力即可点击查看代码#include<bits/stdc++.h>usingnamespacestd;typedeflonglongll;constintN=1e5+5;voidsolve(){ lln,k,a[N],cnt=0; cin>>n>>k; for(inti=1;i<=n;i++)c......
  • C#常用GDI+文字操作汇总
    这篇文章主要介绍了C#常用GDI+文字操作,包括文字投影、倒影、旋转等特效,对于提升程序界面的视觉效果有很大的用处。本文实例汇总了C#常用GDI+文字操作,包含了文字的投影、倒影、旋转等常见的效果,在进行C#应用程序开发中有不错的实用价值。分享给大家供大家参考之用。具体如下:一......
  • docker & docker-compose使用汇总
    安装docker/docker-compose 1.直接在docker网站上下载dmg安装包安装 2.命令行安装 sudopipinstall-Udocker-compose 卸载docker/docker-compose1.直接卸载安装包2.命令行卸载 查看docker/docker-compose是否安装成功docker--versiondocker-compose --versi......
  • ICMP类型字段(Type)以及代码字段(Code)含义汇总
    ICMP报文可分为两大类:一、有关信息采集和配置的ICMP报文(称为查询(query)或者信息类报文(informationmessage)),二、有关IP数据报传递的ICMP报文(称为差错报文(errormessage)).typecodeDescriptionqueryerror00EchoReply——回显应答(Ping应答)x30NetworkUnreac......