javascript - 如何在 Android 4.3 及更早版本上隐藏 HTML 元素

Question

如何仅在 Android 4.3 上禁用 HTML 页面上的一个元素的呈现。和更老？

在一个页面上，我有一个绝对定位的元素，它呈现在网站内容之上，使其无法阅读。在 HTML 代码中，元素先于内容写入，并且它在除 Android 4.3 以外的所有设备上都能很好地工作。和更老。

我找到了一个用于确定设备上运行的操作系统的脚本，但它通常适用于 Android，不适用于 4.3。和旧版本。

站点链接是 here我说的是用于背景的旋转元素。

编辑:我设法做了一些改进。你现在可以在 Android 4.2 上正常看到后半部分，但我不知道为什么它不适用于必须隐藏的前两个元素。

这是特别有效的代码(找到它 here ):

var ua = navigator.userAgent.toLowerCase();
if( ua.indexOf("Android") >= 0 )
{
  var androidversion = parseFloat(ua.slice(ua.indexOf("Android")+8)); 
  if (androidversion < 4.4)
  {
      document.getElementById(rotate_section_1).style.display = 'none';
  }
}

Answer 1

您将 useragent 字符串小写，然后使用大写字母 A 查找“Android”。

逻辑上我不认为 navigator.userAgent.toLowerCase(); 可以包含字符串 "Android"