Javascript 为什么这个Js代码（使用UserAgent）在我的iPhone4上不起作用？

很抱歉问这么一个模糊的问题，但我真的不知道为什么这段代码可以在我的pc和android手机上运行，但不能在带有safari或chrome的iPhone4上运行？检查了

的所有浏览器兼容性。包括
、
导航器.userAgent
甚至
.getElementById
。。我错过了什么

html:


点击我

js:

var devices=[“安卓”、“iPhone”、“iPod”、“iPad”、“黑莓”、“Chrome”]；
var UserAgents=navigator.userAgent；
函数检测设备（）{
对于（变量i=0；i

任何帮助都将不胜感激
 
includes
的浏览器支持有限，是否有错误？这是个问题吗？如果您将其交换为
…indexOf（…）>-1
，它是否工作？您是否调试以查看
UserAgents
返回的内容
document.getElementById（“demo”）.innerHTML=UserAgents
@epascarello我进行了调试，没有发现任何问题，我无法检查iPhone4上的错误。我选中了includes，它支持我手机使用的浏览器吗？但没有起作用，“索引”似乎真的起作用了！谢谢，你帮了大忙<代码>包含
的浏览器支持有限，您是否遇到错误？这是个问题吗？如果您将其交换为
…indexOf（…）>-1
，它是否工作？您是否调试以查看
UserAgents
返回的内容
document.getElementById（“demo”）.innerHTML=UserAgents
@epascarello我进行了调试，没有发现任何问题，我无法检查iPhone4上的错误。我选中了includes，它支持我手机使用的浏览器吗？但没有起作用，“索引”似乎真的起作用了！谢谢，你帮了大忙！
<p id="demo"></p>
<button onclick="go()">Click me</button>

var devices = ["Android","iPhone","iPod","iPad","BlackBerry","Chrome"];
var UserAgents = navigator.userAgent;


function detectDevice() {
    for (var i = 0; i < devices.length; i++) {
      if (UserAgents.includes(devices[i])){
         return devices[i];
      }
    }
}


function go(){
var str = detectDevice();
document.getElementById("demo").innerHTML = str;
}