スマホでhtmlを確認したいときは・・・
2014.10.30(Thu)
[ デザイナーのひとりごと ]
最近では弊社でもスマホ対応のニーズが高まってきていまして、お客様からのご依頼も増えております。
コーディング作業を行う際、他のスマホサイトがどんなhtmlやcssを使っているか、知りたい時ってありますよね。
普通ならブラウザで「ソースを表示」したりfirefoxなら「Firebug」で確認したり、ということもできますが、スマホの場合はソースを見るのは難しいですよね。
もちろん、シュミレータを使ってソースを見ることもできますが、シュミレータではきちんと見えないこともあります。ちょっとした不具合の確認とかしたいとき、スマホからさっとソースが見られたらいいですよね。スマホから簡単にhtmlを見ることができる方法をスタッフから教えてもらいました。
まずはスマホにchromeをインストールします。
あとは、chromeでソースを見たいサイトを開いて
URLの頭に【view-source:】と入力するだけ。それだけで簡単にソースを表示することができます。
何だったらcssも確認できます。
簡単なので、一度お試しを。吉川でした!