以正確的方式加快頁面轉換

我想要一些提示。
我正在實驗 phonegap + JQM + HTML5BoilerPlate + IOS6上的300ms延遲。
儘管我安裝並調用了新的FastClick（），但我仍然得到相同的延遲！有沒有方法可以測試FastClick實際上表現最佳？是否有另一個正常~300ms的延遲我正在關注和誤導？點擊次數與其頁面加載事件之間的預期時間轉換是什麼？注意：html文件包含所有頁面。以正確的方式加快頁面轉換

<body ... onload='init()' ...> 
function init(){ new FastClick(document.body); } 

... 
$.mobile.bind('vclick', ... 
    $.mobile.changePage('#...', {transition: "none"});

討論後補充： ![Timeline on observed events and calls

來源

2012-10-03 Alain

預計轉換時間：約300秒是瀏覽器在觸發事件前等待的默認時間，因爲您知道這是因爲它等待雙擊/單擊。請檢查一次：https：//forum.jquery.com/topic/google-s-fastbutton 他們基本上都在玩觸摸事件，但我們需要使用onClick進行非觸摸設備的回退。據我所知，console.log（）的時間（以毫秒爲單位）是衡量這種邏輯性能的唯一近乎完美的方式。希望它有幫助。 – Futur

@Futur，你期望300MS對應於（ms;表示上圖中變量a中的毫秒量）嗎？但我無法在ios上使用console.log（）並在xcode上看到它們。同時我使用div來直接查看設備的日誌。 – Alain

...同時我使用div來查看直接保存在設備上的日誌。 – Alain

嘗試刪除的轉變，如果你想加快速度

 $(document).bind("mobileinit", function() { 
    $.mobile.defaultPageTransition = 'none'; 
    $.mobile.defaultDialogTransition = 'none'; 
    }

你也可以創建自定義過渡 http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html

在這裏，您可以更改.in，.out規則以設置自定義時間

 .in, .out { 
    -webkit-animation-timing-function: ease-in-out; 
    -webkit-animation-duration: 200ms; 
    }

希望這有助於。

來源

2012-10-04 13:12:28 Aravind

你好Aravind，我已經使用過渡設置爲無，雖然，你的技術更一般，謝謝。我不知道進出的CSS設置。我會調查。 – Alain

以正確的方式加快頁面轉換

回答

相關問題