他店のスマホソース確認方法

Question

お世話になっております。

ＰＣサイトのソースであれば、Ｆ１２開発者ツールで確認ができますが、
他店のスマホサイトのソースは確認することができますか？

他店のソースの組み立て方を真似しつつ、組み立てているのでスマホも
分かると助かるのですが…。。

どうぞよろしくお願いいたします。

Answer

ECマスターズの田中です。

＞他店のスマホサイトのソースは確認することができますか？
はい、スマホで閲覧しているように見せかけて、
スマホサイトにアクセスしてソースを確認することができます。

「Ｆ１２開発者ツール」という表記ということは、InternetExplorerをご利用中でしょうか。
その場合は、「エミュレーション」タブ内の「ブラウザープロファイル」を
「Windows Phone」に設定した後、スマホサイトを閲覧してみてください。
（添付画像ファイルをご参照ください）

他のブラウザでも、例えばGoogle Chromeのデベロッパーツールでは
ツール左上、左から２番目のアイコンをクリックする、といった方法で、
スマホでアクセスしたかのように見る（エミュレーションする）ことができます。

Answer

便乗しての質問よろしいでしょうか

調べてみたい楽天の店舗をInternetExplorerで「Windows Phone」に設定まで完了したのですが
「スマホサイト(楽天市場の店舗)」はどうやって表示させれば良いのでしょうか？

またGoogle Chromで
「デベロッパーツールではツール左上、左から２番目のアイコン」とのことですが
もう少し詳しく説明をお願いできますでしょうか。

Answer

田中様


無事見れました！
ありがとうございます！

Answer

ECマスターズの田中です。

＞調べてみたい楽天の店舗をInternetExplorerで「Windows Phone」に設定まで完了したのですが
＞「スマホサイト(楽天市場の店舗)」はどうやって表示させれば良いのでしょうか？

その状態で、楽天店舗のURLを（既に開いているなら改めて）読み込んでください。

「Windows Phone」に設定した段階では、
「次から読み込むページをスマートフォンとして読み込む準備ができた」
状態ですので、
既にページを読み込んだ後で設定された場合は、再度読み込む必要があります。

＞Google Chromで
＞「デベロッパーツールではツール左上、左から２番目のアイコン」とのことですが
＞もう少し詳しく説明をお願いできますでしょうか。

下記URLの記事にて、スクリーンショット付きでわかりやすく説明されておりますので
ご参照ください。
http://www.atmarkit.co.jp/ait/articles/1403/20/news050.html
スクリーンショットの番号通りにクリックしていただければ結構です。