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

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スクリーンショットの番号通りにクリックしていただければ結構です。

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

カテゴリーから探す