HTML5 Javascript问题

Question

我遇到一个奇怪的问题，我使用HTML5开发了一个移动应用程序，它在Android手机中可以正常工作，但在iPhone中无法正常工作，JavaScript在所有iPhone中均被完全忽略，在iPhone中已启用Javascript，但仍然无法正常工作。

这是我开发的网站http://trafficticket.net23.net/mobile.html我也有另一个问题，该网站在Android中不占用屏幕的100％宽度，在Viewport中我就这样给出了

<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> 

但是顶部条不会占据手机屏幕的100％宽度。

我在做什么错..

Answer 1

if语句不包括iPhone：

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

在iPhone上永远不会如此