この記事は約 1 分で読めます ( 約 554 文字 )

この記事の最終更新日は 2014年8月22日 です。現在は状況が異なる場合がありますので予めご了承ください

このページの目次です。

deperoppa000

デベロッパーツール

外界と遮断した引き篭もりはタブレットやスマホを必要ないから所持していない。
だがわしもタブレットが欲しい。
choromeのデベロッパーツールを使うと、自分のサイトがどう表示されているのchoromeで調べられるようだ。

deperoppa001

手順1

まず右上の設定画面をクリックしてツール>デベロッパーツールをクリックするか、choromeのブラウザを開いた状態でF12を押す。

deperoppa02

手順2

Elements→Emulation→Device→Emulate
ページが縦に2分割されて、下にタブがでてくるから上の順番でタブをクリックしていく。
Device(デバイス)では表示画面を確認したいデバイスを選択する必要がある。
あんまりデバイスの種類は詳しくないが、I-PHONE以外にキンドル、I-pad、Nexus、Galaxy、Xperiaなどなどもあるみたいだ。

deperoppa03

これで選択したデバイスの表示画面がページの上側に表示される。
ちゃんと他のページに移動したりもできる。
デバイスを選択した後に〔Emulate〕と〔F5〕を押さないと、表示が変わらないときがあるから注意。

因みにこのテーマ(Twenty Eleven)だけ、右側に背景が少し表示されてるみたいだ。
これはおれが#pageに指定された幅の数値を大きくしてるのが原因かもしれん。