loading ...

スマホでhtmlを確認したいときは・・・

2014.10.30(Thu)

[ デザイナーのひとりごと ]

最近では弊社でもスマホ対応のニーズが高まってきていまして、お客様からのご依頼も増えております。

コーディング作業を行う際、他のスマホサイトがどんなhtmlやcssを使っているか、知りたい時ってありますよね。


普通ならブラウザで「ソースを表示」したりfirefoxなら「Firebug」で確認したり、ということもできますが、スマホの場合はソースを見るのは難しいですよね。
もちろん、シュミレータを使ってソースを見ることもできますが、シュミレータではきちんと見えないこともあります。ちょっとした不具合の確認とかしたいとき、スマホからさっとソースが見られたらいいですよね。スマホから簡単にhtmlを見ることができる方法をスタッフから教えてもらいました。

まずはスマホにchromeをインストールします。
あとは、chromeでソースを見たいサイトを開いて
screenshotshare_20141030_000653.png

URLの頭に【view-source:】と入力するだけ。それだけで簡単にソースを表示することができます。

screenshotshare_20141030_000409.png

何だったらcssも確認できます。
簡単なので、一度お試しを。吉川でした!

トラックバック

この記事のトラックバックURL

Clip to Evernote
福井:0776-52-2134 東京:03-6432-9221
コンサルティング・サイト制作に関するお問合せはこちらまで

最新Web制作実績

  • 結婚式ペーパーアイテムは天使の招待状
  • プラスティックス
  • プレンティ
  • ふぶらぼ(玄米酵素)

制作実績をもっと見る

アーカイブ

Syndicate this site (XML)
RSS2.0
SBコンサルQ&A
Webコンサルティングに関する広範な情報を毎月配信します。

PageTop