如何确定您的扩展后台脚本在哪个浏览器中执行?

How to determine in which browser your extension background script is executing?

我说的是 Chrome 扩展、Firefox WebExtensions、Edge 扩展...

在后台脚本中,而不是内容脚本中,是否有清楚的方法知道我使用的是哪个浏览器?我需要针对不同的浏览器做不同的操作。

是的,navigator.userAgent可能有用,但是不是很清楚

是否有任何扩展程序 API 可用于执行此操作?类似于 chrome.extension.browserType。 (当然,这个真的不存在..)

没有特定的 API 来检测当前正在使用的浏览器。主要浏览器转向支持通用扩展框架的好处之一是能够拥有支持多个浏览器的单一代码库。虽然所有适用浏览器可用的功能集都在增加,但总会存在一些差异。这些差异不仅在于支持的内容,而且在某些情况下还在于特定 API 的效果细节,或者必须如何使用 API。1,2 这样,对于一些东西,需要能够判断代码当前是哪个浏览器运行.

top-voted answer to "How to detect Safari, Chrome, IE, Firefox and Opera browser?" 提供了一些很好的代码。但是,它需要一些修改才能在扩展环境中工作。

根据该答案中的代码,将检测以下内容:

  • Chrome
  • 边缘
  • 火狐
  • 歌剧
  • Blink 引擎
// Opera 8.0+ (tested on Opera 42.0)
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera 
                || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+ (tested on Firefox 45 - 53)
var isFirefox = typeof InstallTrigger !== 'undefined';

// Internet Explorer 6-11
//   Untested on IE (of course). Here because it shows some logic for isEdge.
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+ (tested on Edge 38.14393.0.0)
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1+ (tested on Chrome 55.0.2883.87)
// This does not work in an extension:
//var isChrome = !!window.chrome && !!window.chrome.webstore;
// The other browsers are trying to be more like Chrome, so picking
// capabilities which are in Chrome, but not in others is a moving
// target.  Just default to Chrome if none of the others is detected.
var isChrome = !isOpera && !isFirefox && !isIE && !isEdge;

// Blink engine detection (tested on Chrome 55.0.2883.87 and Opera 42.0)
var isBlink = (isChrome || isOpera) && !!window.CSS;

/* The above code is based on code from:  */    
//Verification:
var log = console.log;
if(isEdge) log = alert; //Edge console.log() does not work, but alert() does.
log('isChrome: ' + isChrome);
log('isEdge: ' + isEdge);
log('isFirefox: ' + isFirefox);
log('isIE: ' + isIE);
log('isOpera: ' + isOpera);
log('isBlink: ' + isBlink);

  1. API 的不同实现与不同浏览器一样复杂和多样的东西的接口总是最终,至少,实现之间的细微差别。目前,许多差异并不那么微妙。
  2. Mozilla 已明确表示他们打算通过扩展 chrome.*/browser.* API 来实现其他浏览器目前不可用的 WebExtensions 功能。完成此操作的一种方法是有一种称为 WebExtensions Experiments 的机制,它旨在供 non-Mozilla 开发人员实现 WebExtensions 的附加功能。目的是,如果获得批准,此类功能将迁移到现有的 Firefox 版本中。

这是另一种技巧。 browser.identity.getRedirectUrl 函数将 return a URL post-fixed with:

  • .extensions.allizom.org/ 当 运行 来自 Firefox
  • .chromiumapp.org/ 当 运行 来自 Chrome/Chromium

在启动时调用它并将其存储在后台脚本的运行时状态中非常简单。 Edge 和 Opera also support this function.

现在通常 Web 扩展 API 调用以 chrome 开始,当 运行 在 Chrome 时,但此时跨浏览器扩展编写者应该习惯于 Web Extension Polyfill JS,如果您希望对 browser.identity.getRedirectUrl 的调用在任何浏览器上都有效,您也需要使用它。