ブラウザ内で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などを変更する必要がありそうです

  • コメント: 0

関連記事

  1. ブラウザ

    シンプルで軽快動作!! Webkitエンジンで快適なフリーWebブラウザ 『Midori』

    シンプルなインターフェイスなWebブラウザレンダリングWebk…

  2. ブラウザ

    新しいブラウザ!! フラットデザインで使いやすそうな 『Vivaldi』プレビュー版

    Chromiumベースなシンプルデザインなブラウザフラットデザ…

  3. ブラウザ

    Chromeアプリも動作可能!! シンプルなタブ型ブラウザでレンダリングエンジンも変更可能なフリーソ…

    シンプルなインターフェイスでタブ機能搭載のブラウザ見た目とは違…

  4. ブラウザ

    64bit版なFirefox!! プラグインなどの互換性もあり速度も速い Waterfox

    Firefox公式には64bit版は出ていませんがFirefoxを…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

PAGE TOP