javascript - HTML - 如何在不同的用户代理中显示不同的图像？

Question

如果我使用 Chrome，我想显示 img1.jpg ( <img src="img1.jpg" alt="my Chrome Image"> )。否则，如果我使用 IE，我想显示 img2.jpg ( <img src="img2.jpg" alt="my IE Image"> )。可能吗？

提前致谢。

Answer 1

match = navigator.userAgent.match(/(chrome|safari|firefox|msie|opera|rv:11)\/?\s*([\d\.]+)/i);

ma​​tch[1] 给出浏览器名称。另外“rv:11”代表IE11。

例如，您可以准备带前缀的图像并使用匹配的值作为前缀:

myImg.src=match[1]+"-img1.jpg";
myImg.alt=match[1]+" Image";