PCブラウザでタッチイベントをエミュレートする!

スマホを対象としたWEBページでフリックとかピンチイン/アウトとかの簡単なテストをするとき、毎回実機を開くのめんどくさい!しにたい!
と思ってたらすてきなものがありました。

brian-c/phantom-limb · GitHub

bookmarklet.jsの中身を実際に適用したいサイトで実行すればおっけーです。

javascript:void(function(commit) {var scriptTag = document.createElement('script');scriptTag.type = 'text/javascript';scriptTag.src = 'https://raw.github.com/brian-c/phantom-limb/' + commit + '/phantom-limb.js';document.body.appendChild(scriptTag);}('v2.0.1'));

フリックは勿論、Altを押しながら操作すればピンチイン/アウトもできる!すてき!


純粋にフリックしたいだけならChromeデベロッパーツールでも出来ます!
デベロッパーツールを開いて右下のボタンから設定画面を開いて、UserAgentのところの「Emulate touch events」にチェック…!

かんたん!すてき!

スポンサーリンク