Javascript 移动设备测试适用于chrome emulator，但不适用于手机

我用javascript创建了一个变量，它包含一个名为“header 1”的导航菜单，我用于任何非移动设备，变量“header 2”用于移动设备

 var phone = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);


    if( phone) {
        document.write(header2);
} else {
    document.write(header1);
}

---

这适用于chrome上的iphone emulator，但不适用于我的iphone 5。我能做些什么吗？

试试看iphone的用户代理中是否有“iphone”（或其他任何东西）。为什么不直接检查屏幕大小？没有其他移动设备吗？永远不会有任何其他移动设备吗？我检查了，iphone是我的用户代理，我还可以做些什么来检查？不，会有更多的移动设备。iphone只是我正在测试的设备，所以我需要它与更多的设备兼容，而不仅仅是iphone