使用したもの(環境)
- cordova
- visualStudioCode
- windows10
- Android
チュートリアルを訳しながらやってみる
チュートリアルのページは下記。
Module 6: Avoiding the 300ms Click Delay
前回のチュートリアル。
環境構築については別途まとめてあるので下記参照。
cordova&VSCodeで環境を構築するまでの右往左往メモ。
Module 6: Avoiding the 300ms Click Delay
the 300ms Click Delayとは?
参考になるページ:スマホwebサイトのクリック遅延を簡単解消!
と言うか上記ページに全部書いてあります。
OSやブラウザのアプデで対応しているようで、私の動作環境では遅延を確認することができませんでした。
1. iOSデバイスまたはiOSエミュレータでアプリケーションをテストする:[ヘルプ]ボタンをタップし、ダイアログが表示されるまでに遅延を確認します。
この遅延は、オペレーティングシステムがおよそ300ms待っているために、ユーザーがターゲットを再度タップする(そしてダブルタップを実行する)かどうかを確認するために発生します。
2. index.htmlに次のスクリプトタグを追加します。
<script src="lib/fastclick.js"></script>
FastClickは、Financial Timesによって構築されたオープンソースライブラリです。詳細はこちら。
3. app.jsでは、devicereadyイベントハンドラ内にFastClickを登録します。
FastClick.attach(document.body);
4. アプリケーションをテストする:[ヘルプ]ボタンをクリックします。メッセージはすぐに表示されるはずです。
参考URL
Module 6: Avoiding the 300ms Click Delay