ブラウザ内でiPadやiPhoneの画面サイズが確認できるブックマークレット RWD Bookmarklet

ブラウザ内でiPadやiPhoneの画面サイズを簡単に確認する事が出来るブックマークレットです

ブックマークレットとはブラウザ内で動作するJavaScriptプログラムで動作します

このプログラムを読み出しをするにはブックマークに登録するだけと非常に簡単です

ブラウザの画面サイズを変更せずに画面確認出来るのも便利です

rwdbookmarklet9

RWD Bookmarklet インストールはこちらから

注意 IEでは動作しませんのでご注意 (Chromeにて確認しております)

目次

インストール方法

rwdbookmarklet1

上記リンク先よりページを開いてブックマークレットを

ブックマークバーへドラッグするだけで登録出来ます

rwdbookmarklet2

これで準備完了です

使い方

rwdbookmarklet3

iPhone、iPadで画面確認したいページを開いて

先程のブックマークレットをクリックします

rwdbookmarklet4

するとこの様なバーが表示されます

真ん中のアイコンはiPadの縦横、iPhoneの縦横のアイコンが表示されています

rwdbookmarklet5

iPhoneの縦を表示してみます

ブラウザのサイズはそのまま表示領域が小さくなりました

rwdbookmarklet6

iPadの横表示 ちゃんとこのブログの横幅全部が表示されているのが

確認出来て安心しました

rwdbookmarklet7

iPhone横はかなり狭い範囲で表示

rwdbookmarklet8

キーボード入力画面も表示可能です

入力画面などの確認も出来ます

レビュー

このブックマークレットはユーザーエージェントまでは変更してくれないので

モバイルサイトを確認したい場合はURLなどを変更する必要がありそうです

よかったらシェアしてください!

コメント

コメントする

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

目次