#モリトーク
第107話
スマホシミュとしてのChrome
(2014/7/8 11:00)
窓の杜は先週、Webサイトへの訪問者を増やす方法のひとつとして、3本の無償SEOツールを特別企画で紹介した。それはWeb検索サービス経由でやって来る訪問者を対象にしており、そのあとに繰り返し訪問してもらうためには、Webページのデザインも重要であることは言うまでもない。
とくに最近は、モバイル環境に適したレイアウトを提供することが当たり前になっている。たとえば、多くのブログサービスではデスクトップ向けとモバイル向けのデザインが生成される。
そのため、モバイル環境で表示したWebページのデザインを確認することも重要な作業になってくるが、趣味で運営しているWebサイトやブログでは手間も費用もそこまでかけられない。そこでオススメしたいオンラインソフトが「Google Chrome」であり、そのデベロッパーツール。
[F12]キーで呼び出せる「Google Chrome」のデベロッパーツールには、モバイル環境でのWeb描画をエミュレーションする機能が用意されている。ツール画面の右上にある[Show drawer]ボタンを押したあとに[Emulation]タブをクリックすると、iPhoneやiPad、Nexus、Xperia、Kindleといった端末を選べる仕組みだ。
- Mobile emulation - Google Chrome
- https://developer.chrome.com/devtools/docs/mobile-emulation
最新記事
- 第107話:スマホシミュとしてのChrome[2014/07/08]
- 第106話:オンラインソフトでTwitterにGIFる[2014/06/24]
- 第105話:忘れていたReadyBoost[2014/06/17]
- 第104話:64bit版Chrome初体験レポート[2014/06/10]
- 第103話:フォント削除にトラブったら[2014/05/27]
- 第102話:OpenTypeフォントの裏技[2014/05/20]
- 第101話:拝啓、片付け嫌いな皆さま[2014/05/13]
- 第100話:Macはじめました[2014/04/08]
- 第99話:Chrome拡張機能の第二幕[2014/04/01]
- 第98話:特典ソフト・サービスの時代[2014/03/25]