2015.03.08すでにご存知の方もいらっしゃると思いますが、Firefoxのレスポンシブデザインビューが便利なことに気づきました。言うとスマートフォンサイト向けのエミュレータですね。Developer」をよく利用していました。英語が分からないので日本語版のほうです。それほど不便は感じていませんでしたが、このレスポンシブデザインビューの起動ショートカットを覚えておくとさらに時間短縮でチェックできそうな気がしましたので、その概要メモです。キーボードの「Ctrl」+「Shift」+「M」を押す2.「ツール」⇒「Web開発」⇒「レスポンシブデザインビュー」を選択する任意の画面サイズに変更するには変更後のサイズを保存するにはエミュレータを終了するには最後にレスポンシブデザインビューを起動する起動手段は2種類です。キーボードの「Ctrl」+「Shift」+「M」を押す覚えてしまえばこちらが圧倒的に早いですね。2.「ツール」⇒「Web開発」⇒「レスポンシブデザインビュー」を選択するショートカットを忘れた場合はこちらから起動できます。通常時のブラウザは下記の状態です。この状態で、上記1もしくは2の手順で「レスポンシブデザインビュー」を起動します。すると、画面左側にスマートフォンの画面サイズに変更された画面が表示されます。デフォルトでいくつかのサイズがプリセットされていますので、その中にチェックしたいサイズがある場合はプルダウンから選択するだけでOKです。任意の画面サイズに変更するにはプリセットのサイズ以外に変更する場合は、画面の右下(または右、下)をつかみながらドラッグします。画面上部のピクセル数がサイズに連動して増減します。(下記キャプチャでは417×429です)変更後のサイズを保存するには自分で変更した画面サイズを保存するには、サイズのプルダウンメニューから「プリセットを追加」を選択し、任意の名称を付けて「OK」をクリックします。エミュレータを終了するには終了するにはエミュレータ上部にある「×」ボタンをクリックします。Developer」を利用してサイトチェックの際にブラウザサイズを変更していました。このレスポンシブデザインビューを利用したいと思ったのは起動までの操作が少ないことと、エミュレータ内でサイズ変更するため元のブラウザサイズは影響を受けないということです。Developer」では元のブラウザごとサイズが変わるため、チェック完了後に毎回ブラウザの大きさを戻していました。この2点を考慮するとスマートフォンのサイトチェックに利用するメリットは十分あると思います。よろしければお試しになってください。ITアフィリエイトでどの広告がクリックされたかを計測する。Googleアナリティクスのイベント設定方法。イベントタグは、Webサイトでどのリンクがクリックされたかを計測できるように、ページに埋め込むタグです。外部リンクやバナー画像などによく利用されます。ITGoogleやYahooのキャンペーンをコピーするGoogleアドワーズやYahoo!スポンサードサーチで過去に設定したキャンペーンをまるごとコピーする方法をご紹介します。ITスポンサーリンク人気記事デスクトップPCで無線LANを利用する方法。Wi-FiプロフィールWEB/IT業界に身を置いて約10年。Webディレクター、ポータルサイトの管理者、ITベンダーを経て、現在はWebの何でも屋をしています。webseeya.タイトルとURLをコピーしました。