HTML5JavaScript问题

我有一个奇怪的问题，我用HTML5开发了一个移动应用程序，它在Android手机上运行良好，但在iPhone上不工作，javascript在所有iPhone上都被完全忽略，在iPhone上javascript被启用但仍然不工作

这是我开发的网站，我还有另一个问题，这个网站在Android中没有占据100%的屏幕宽度，在我给出的视口中是这样的

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<script type="text/javascript">
    var viewPortWidth = 1024;
    function setViewport() {
    if ((navigator.userAgent.toLowerCase().indexOf("android")!=-1)) {
        var wW0 = window.screen.width;
        var scale = wW0/viewPortWidth;
        var vPort = "width="+viewPortWidth+", maximum-scale="+scale+", minimum-scale="+scale+", initial-scale="+scale+", user-scalable=yes";
        document.getElementById("viewport").setAttribute("content", vPort);
    }
    }
    setViewport();
</script> 

var viewPortWidth=1024；
函数setViewport（）{
if（（navigator.userAgent.toLowerCase（）.indexOf（“android”）！=-1））{
var wW0=window.screen.width；
变量比例=wW0/视口宽度；
var vPort=“width=“+viewPortWidth+”，最大比例=“+scale+”，最小比例=“+scale+”，初始比例=“+scale+”，用户可缩放=是”；
document.getElementById（“视口”）.setAttribute（“内容”，vPort）；
}
}
setViewport（）；

但顶部的条带并没有占据移动屏幕的100%宽度

---

我犯了什么错误

如果声明不包括iPhone：

if ((navigator.userAgent.toLowerCase().indexOf("android")!=-1)) {

---

这在iphone上永远不会是真的

对于我给出的这个变量isMobile={Android:function（）{return navigator.userAgent.match（/Android/I）；}，iOS:function（）{return navigator.userAgent.match（/iPhone | iPod/i）；）