【chrome扩展开发】如何在项目中判断插件是否已安装

这篇具有很好参考价值的文章主要介绍了【chrome扩展开发】如何在项目中判断插件是否已安装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

由于安全限制,本文采取间接的方式实现

1、项目部分

比如通过cookie、localStorage等进行状态存储

1.1、初始化判断

function getCookie(name){
	let arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"))
    if(arr != null){
      return unescape(arr[2])
    }else{
      return null
    }
}

let _isChromePluginInstall = getCookie('chrome-plugin');
if(_isChromePluginInstall && _isChromePluginInstall==='Y'){
	// 已安装插件
}else{
	// 未安装插件
}

1.2、卸载状态变更

function getQueryString(name) {
	var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
	var r = window.location.search.substr(1).match(reg);
	if (r != null) {
		return unescape(r[2]);
	}
	return null;
}

let _on = getQueryString('on')
if(_on && _on === 'uninstalled'){
	// 修改插件安装状态
	// 其他业务处理
}

2、Chrome Extensions部分

background.js中进行安装、卸载事件监听

2.1、安装事件监听

/**
 * 首次安装扩展程序、扩展程序更新到新版本以及 Chrome 更新到新版本时触发
 * @link https://developer.chrome.com/docs/extensions/reference/runtime/#event-onInstalled
 */
chrome.runtime.onInstalled.addListener(function () {
    setTimeout(function () {
    	// 对目标项目进行cookie写入
		const _cf = {
			name: 'chrome-plugin',
			value: 'Y',
			url: 'http://xxxx.xxx',
			domain: 'xxxx.xxx'
		}
		chrome.cookies.set(_cf, function (res) {
		  // ...
		});
    }, 1000)
  })

2.2、卸载事件监听

/**
 * 转跳至目标项目地址进行状态变更、统计等事务处理
 * @link https://developer.chrome.com/docs/extensions/reference/runtime/#method-setUninstallURL
 */
chrome.runtime.setUninstallURL(`${SysConfig.APP_URL}/#?on=uninstalled`, ()=>{})

Ps:
management权限的监听事件,似乎无法对安装、卸载起到作用,具体原因不清楚,还有待研究。
有兴趣的小伙伴也可以研究研究,官方文档地址:https://developer.chrome.com/docs/extensions/reference/management/文章来源地址https://www.toymoban.com/news/detail-680157.html

到了这里,关于【chrome扩展开发】如何在项目中判断插件是否已安装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Chrome如何安装插件(文件夹)

    说明:插件文件夹 说明:找到插件的位置   说明:那还要进入文件里面。   说明:如果已经安装了插件,那么需要查看插件的位置。chrome输入 chrome://version/          

    2024年02月12日
    浏览(66)
  • IP-Guard如何判断Windows客户端是否安装成功?

    1.在电脑本地打开services.msc 服务页面,找有没有windows helper service服务,该服务的可执行文件的路径中的进程是winrdgv3.exe是客户端进程。 2.cmd输入netstat -an|find \\\"823\\\",从输出的内容上判断是否连接上服务器连; 客户端开放8235端口,供服务器连接客户端使用,正常情况是LISTENING 客

    2024年02月16日
    浏览(39)
  • 测试人员必用的10个Chrome扩展插件

    背景 :谷歌Chrome浏览器是全球所有测试人员最受欢迎和必备的浏览器之一,Chrome浏览器为我们提供了许多扩展的选择,可以让我们高效和省时地完成工作。以下为作者观点: 1. Testsigma Recorder Testsigma Recorder用于记录与网络应用程序的端到端交互,并将动作存储为纯英文句子,

    2024年02月11日
    浏览(58)
  • 还在苦恼如何开发一个Chrome插件吗?十分钟带你实现一个实用小插件

    你是否曾考虑过创建自己的 Chrome 插件,但又挠头毫无思路?那么在接下来的几分钟里,我不仅会介绍 Chrome 浏览器扩展的基本知识,还会指导你通过五个简单的步骤来制作自己的扩展。 知道怎么做吗?让我们一探究竟! 今年我们见证了人工智能能力的爆炸式增长。虽然cha

    2024年02月10日
    浏览(61)
  • 如何离线安装ModHeader - Modify HTTP headers Chrome插件?

    ModHeader 是一个非常好用的Chrome浏览器插件,可以用于在浏览器发出的所有请求中拦截并添加自定义的header. 如果有条件的可以直接访问ModHeader-Chrome插件应用商店安装 由于国内网络默认不支持访问Chrome应用商店,因此一般需要借助梯子才能访问chrome应用商店安装此插件. 这对于

    2024年02月12日
    浏览(66)
  • 一起Talk Android吧(第五百四十六回:如何判断手机是否安装GooglePlay)

    各位看官们大家好,上一回中咱们说的例子是\\\"如何实现流水动画\\\",本章回中介绍的例子是\\\" 如何判断手机是否安装GooglePlay \\\"。闲话休提,言归正转,让我们一起Talk Android吧! 我们在这里说的 GooglePlay 就是Google的应用市场,它本质上也是应用程序,只是在国内无法使用,因此部

    2024年02月09日
    浏览(56)
  • 前端同学必备:教你如何安装、使用Chrome的vue-devtools插件

    Vue-devtools是一个Chrome浏览器插件,它是一个浏览器调试工具,用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试,可以更好地了解应用程序的结构和状态,以及帮助快速修复代码错误。 Vue-devtools插件的作用和优势如下: 1. 调试Vue.js应用程序:Vue-devtools是一个强大的调

    2024年04月25日
    浏览(43)
  • 在Windows中,如何更改 Visual Studio Code 扩展插件的安装位置?

      Visual Studio Code工具本身就是一种可以免安装的绿色工具,但是其插件(extension)以及用户数据缺省是存储在操作系统的系统目录下的。   虽然已经将Visual Studio Code安装在D盘,但是扩展插件(extension)仍然默认安装在C盘。   Visual Studio Code插件在Windows操作系统的 默认

    2024年02月06日
    浏览(86)
  • 如何从应用商店Microsoft Store免费下载安装HEVC视频扩展插件

    在电脑上打开一张HEIC类型的图片提示缺少HEVC解码器,无法打开查看,现象如下: 这种情况一般会提示我们需要下载安装HEVC解码器,点击“立即下载并安装”会跳转到应用商店,但是我们发现需要付费7元才能下载安装 免费安装的方法: 1、浏览器打开以下链接,点击页面上

    2024年04月16日
    浏览(174)
  • 【开发环境】Mac 安装 Visual Studio Code ② ( 装 C/C++ 扩展 | 安装配置 Code Runner 扩展插件 | 运行 C 语言程序 )

    在 VSCode 中 , 点击 左侧 的 \\\" 扩展 \\\" 按键 , 在 扩展 面板中 , 默认显示之前已经安装过的 扩展 ; 在 扩展面板 中的 搜索栏 , 输入 \\\" C \\\" , 第一个就是 C/C++ 扩展 , 点击 \\\" 安装 \\\" 按钮 , 安装改 扩展插件 ; 安装完毕后 , 提示 如下内容 ; 在 扩展 面板中 , 搜索 \\\" runner \\\" , 搜索出的第一个

    2024年04月25日
    浏览(84)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包