アンドロイド端末をブラウザ上で動作確認&jQuery.sidrの不具合

2014年05月01日

20140501215608.png

アンドロイド端末をブラウザ上で動作確認する「manymo」のご紹介、そしてjQuery.sidrの不具合など。

アンドロイドスマホ上でのウェブサイト動作を確認するためにAndroid SDKを利用することもできるけれど、とにかく何から何まで重くてストレスになる。

アプリの動作確認ならともかくとして、ウェブページの表示確認だけのためにインストールするのもなんだか大げさだと思う。

そんな時にブラウザから動作確認できるこちらのサイトが便利だった。

https://www.manymo.com/

ちょっと使うだけなら、特にお金を支払わなくてもOK。

Free - 10 time-limited emulator launches, one at a time, per month

無料プランは1ヶ月につき10回立ち上げ、一度に1つの端末を表示できる。

それ以上の回数を立ち上げたければ、有料サブスクリプションもある。
一番下のプランで、月に9ドル・100回立ち上げ可(2014/5/1現在)。

ログイン後、任意の端末解像度等を選択でき、ブラウザ上で操作ができる。

20140501220745.png20140501220802.png

20140501215743.png

右上の「URL」をクリックすると、
表示中のページをアンドロイドで開けるブックマークレットの案内も。

事の発端は、レスポンシブデザイン採用時に良い感じのサイドメニューを実装できるjQueryプラグイン、jQuery.sidrがアンドロイド端末でうまく動かなくて困っていたこと。

メニューボタンをタップすると、リストの最初にあるメニューが自動的に選択され、ページ遷移してしまう。
PCのブラウザやiPhoneでは問題なく動くので、発見までに時間がかかった。

githubのこの書き込みを参考に、
旧バージョン(1.1.1)をダウンロードして入れ替えたら
うまく動くようになった。
github画面のbranch: masterのプルダウンからTabをクリックすることで旧バージョンがダウンロードできる。