在Android设备上显示div

Question

有没有可能只有在特定设备中可见的div标签？ 我只想在浏览器android设备中显示div，而不要在webview android中显示该div。

<div class="android-devices"><a href="#">Android user please click here to download application</a></div>

这可能吗？我使用wordpress

Answer 1

您可以使用javascript来实现。

首先将hide类添加到所有android-devices div中

并将此代码添加到您的CSS文件中：

.hide {
  display: none;
}

并将其添加到您的javascript文件中

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1;
if(isAndroid) {
  var els = document.querySelectorAll('.android-devices');
  els.forEach(function(el) {
      el.classList.remove('hide');
  })
}

此代码将检测android设备并从您的div中删除hide类。

更新：

如果要在android上隐藏一些div，则可以应用相同的逻辑。

只需使用此行

el.classList.add('hide');

代替此

el.classList.remove('hide');

默认情况下，请勿将hide类添加到您的android-devices div中。

Answer 2

您可以按照以下步骤操作

-将div初始设置为隐藏（HTML部分）

  <div class="android-devices hide"><a href="#">Android user please click here to download application</a></div>

-检查当前设备是否为android设备，是否为show div（JS部分）

var isDeviceAndroid = /(android)/i.test(navigator.userAgent);
if( isDeviceAndroid  ){document.getElementsByClassName('android-devices').classList.remove("hide");

}

-CSS部分

.hide {display：none;}