ブラウザ内で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. ブラウザ

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

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

  2. ブラウザ

    Mixi専用ブラウザ Mixiが使いやすくなるブラウザでMixiアプリもちゃんと動きます MixiC…

    Mixiが使いやすくなるブラウザ各リンク(受信箱やマイミク一覧…

  3. ブラウザ

    Firefoxベースで独自のセキュリティ機能搭載なWebブラウザ 『COMODO IceDragon…

    Firefoxベースで独自のセキュリティ機能を搭載したWebブラウザ…

  4. ブラウザ

    シンプルな検索ブラウザ ショッピングに画像もスムーズに検索出来る rakusearch

    軽快な検索ブラウザ rakusearch実際に使ってみると検索…

  5. ブラウザ

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

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

コメント

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

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

PAGE TOP