Question

所以我有一个网站提供下载Chrome扩展程序的按钮。对于除Chrome或移动浏览器之外的任何其他浏览器，它提供不同的链接。它似乎工作，但按钮加载相当缓慢，一些用户报告甚至没有看到按钮。

所以作为一个后退，我正在考虑默认情况下只有一个按钮加载，如果javascript浏览器检测工作有这个默认按钮隐藏。

HTML

<a href="http://goo.gl/1r8zjq" target="_blank" class="btn chrome-webstore">Get Betty for Gmail</a>                                
<a href="http://trybetty.com/mobile.html" target="_blank" class="mobile-other">Get Betty for Gmail</a>                               
<a href="http://trybetty.com/other-browser.html" target="_blank" class="desktop-other">Get Betty for Gmail</a>
<a onclick="chrome.webstore.install()" id="install-button" class="chrome">Get Betty for Gmail</a>

JS

<script type="text/javascript"> 
window.onload = function load(){
var ua = navigator.userAgent;
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile/i.test(ua))
$('a.chrome-webstore').hide();
$('a.mobile-other').show();
else if (/Chrome/i.test(ua))
$('a.chrome-webstore').hide();
$('a.chrome').show();
else
$('a.chrome-webstore').hide();
$('a.desktop-other').show();
}
</script>

CSS

.mobile-other{
display: none;
}

.desktop-other{ 
display: none;
}

.chrome{ 
display: none;
}

.btn-1{ /* Orange */
background:#f38630;
}

JSFiddle：http://jsfiddle.net/wojo/v9sWb/

先谢谢你的帮助!!

根据浏览器类型显示/隐藏特定链接

0 个答案: