Javascript 隐藏“;“游戏商店”;IOS设备上的图像,并隐藏;应用商店“;安卓设备上的图像

Javascript 隐藏“;“游戏商店”;IOS设备上的图像,并隐藏;应用商店“;安卓设备上的图像,javascript,android,ios,css,Javascript,Android,Ios,Css,我正在为我的应用程序创建一个登录页。如果他们在iOS设备上,我希望它只显示“应用商店”图标,但对Android隐藏它。如果他们在安卓设备上,则只显示“Play Store”图标,并对iOS用户隐藏它 你能帮忙吗 干杯 您可以使用javascript了解用户是在android还是在iOS中,然后分别向该项添加一个隐藏类 我在我的一些网站上这样做: var ua=navigator.userAgent.toLowerCase(); var isiPhone=ua.indexOf('iphone')

我正在为我的应用程序创建一个登录页。如果他们在iOS设备上,我希望它只显示“应用商店”图标,但对Android隐藏它。如果他们在安卓设备上,则只显示“Play Store”图标,并对iOS用户隐藏它

你能帮忙吗


干杯

您可以使用javascript了解用户是在android还是在iOS中,然后分别向该项添加一个隐藏类

我在我的一些网站上这样做:

var ua=navigator.userAgent.toLowerCase();
var isiPhone=ua.indexOf('iphone')>-1;
var isiPad=ua.indexOf('ipad')>-1;

var isAndroid=ua.indexOf('android')>-1但在桌面上同时显示两个图标。顺便说一句:我会显示至少一个“备选方案”链接或一个小图标,我碰巧经常在iPad上浏览Android应用程序或其他方式。好的!注意。谢谢:)我不是一个网页开发者,但看起来没有好的CSS媒体查询来识别品牌。因此,您需要使用javascript(可能是Modernizer),或者将其设置为服务器端,并带有用户代理头,您可以使用javascript实现这一点。我在我的一些网站上这样做:const userAgent=navigator.userAgent.toLowerCase();const isiPhone=userAgent.indexOf('iphone')>-1;const isiPad=userAgent.indexOf('ipad')>-1;