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上永遠不會如此