检测Chrome NaCl是否可用

Question

有没有办法检测NaCl在当前浏览器上是否可用？

在一些非Chrome浏览器上，检查chrome.app.isInstalled似乎变成了误报

Answer 1

您可以检查浏览器是否处理NaCl mime类型。例如：

navigator.mimeTypes['application/x-nacl'] !== undefined.

同样，对于PNaCl，您可以检查'application/x-pnacl'。

Answer 2

您可以检查Chrome和特定版本的Chrome，如下所示：

var have_nacl = false;
var have_pnacl = false;

var index = navigator.userAgent.indexOf('Chrome');
if (index != -1) {
  var version = parseFloat(navigator.userAgent.substring(index + 7));

  if (31 <= version) have_pnacl = true;
  if (14 <= version) have_nacl = true;
}

然而，这并不能说明全部情况。31+版本有PNaCl，默认情况下是启用的。默认情况下，只有Chrome商店中的应用程序才会启用NaCl，所以你仍然需要测试是否启用了NaCl。为此，一种方法是设置看门狗计时器，然后尝试加载NaCl模块并捕获加载事件。在load事件中，清除看门狗计时器。例如：

var watchdog;
var watchdog_time;

function watchdog_timeout() {
  alert('NaCl module failed to load');
}

function watchdog_clear() {
  clearTimeout(watchdog);
}

function watchdog_set(time) {
  watchdog_time = time;
  watchdog = setTimeout(watchdog_timeout, time);
}

watchdog_set(5000); // Timeout in 5 sec

var module = document.getElementById('module'); // Use your module's ID
module.addEventListener('load', function () {
  watchdog_clear();
  alert('NaCl module loaded');
}, true);

// Inject the module, where module.nmf is your NMF file.
module.innerHTML = '<embed src="module.nmf" type="application/x-nacl"/>';

这要求您的HTML中的某个位置具有类似以下内容的内容：

<div id="module"></div>

如果您的模块需要一段时间才能下载，那么您可能还希望捕获loadstart和progress事件，并延长监视程序的时间。

function watchdog_extend() {
  watchdog_clear();
  watchdog_set(watchdog_time);
}

module.addEventListener('loadstart', watchdog_extend, true);
module.addEventListener('progress', watchdog_extend, true);