javascript - 如何在整个页面中使用检测脚本来检测特定的浏览器？

Question

我有一个单页文档，其中包含仅需要在 Android 2.3 手机和 IE8/9 上加载的几张图片，因为 picturefill.js 项目在这些设备上无法正常工作。

我在我的图片填充代码实例之一中成功使用了此脚本：

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
  // Do something!
  document.getElementById('theimage').innerHTML = '<img src="http://placehold.it/200x200">;
}

我需要在页面上多次使用它，但是当我多次粘贴上面的确切代码时会出现问题。

有没有办法将上述内容变成一个函数，可以调用该函数来为唯一图像的每个实例调用不同的图像？我需要使用上面的脚本在页面上调用至少 6 个独特的图像。

Answer 1

一旦代码执行完毕，您就不需要前两行了，因为它们已经设置好，重新定义它们可能会导致错误。只需在必要时使用 if 语句。

第一次

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
  // Do something!
  // Redirect to Android-site?
}

以后的每一次

if(isAndroid) {
  // Do something!
  // Redirect to Android-site?
}