崇之WEB制作コメントを書く自身のサイトがスマホやタブレットでどのように見えるのかパソコンで確認する簡単な方法をご紹介します。Google製のブラウザ、Chromeを使えば無料で簡単に確認することができます。Z1を選んでしまいました。パソコンにChromeをインストールしましょうChromeのインストールはGoogleのサイトでまとめられていますので、こちらをご覧ください。ダウンロードとインストールChromeのインストールは終わりましたか?Chromeを実行して確認したいホームページを開きましょう!今回はGoogleのウェブマスター向けモバイルガイドのページを開いてみます。開いたら「F12キー」をポチっと押してください。すると、画面の下の方に何やら文字がたくさん書かれた画面が開きます。これはホームページの構造を表しているものなので、今回は特に気にしなくて大丈夫です。赤枠で囲んだ部分を拡大してみました。このスマホのようなアイコンをクリックしてください。Plusもデバイスリストにありました!スマホのアイコンをクリックすると下の図のような画面になりますので、左上の「Device」をクリックしてみてください。聞いたり、見たことあるスマホやタブレットの名前がずらっと表示されるので、確認してみたいスマホの名前を選択してください。選択すると自動的にサイズが変化しますので、選択したスマホで見た時の画面を擬似的に再現してくれます。Z1を選んでしまいました。Z1の場合、こんな感じで見えるそうです。Chromeは無料でダウンロードできますので、利用しない理由はありません。この機能の他にもChromeはホームページ制作において役立つ機能がたくさんありますので、また別の機会にご紹介させて頂きますね。無料で使えるツールをどんどん使って、効率的なWEB制作に役立てましょう!この記事であなたの課題を解決することができましたか?疑問点があったり、解決できなかったことがありましたら、お気軽にご相談してください。サミットにおけるマルチワンセグメントサービスの実証実験用端末の開発、京セラ初のHEMSとなる「ハウスマイルナビィ」の企画・ソフトウェア開発を経て、現在ではインターネット時代におけるWEBサイトの活用・運用に関する企画・提案、セミナー等においてこれまで培ってきたノウハウの提供に力を入れている。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URLスマホ完全対応!インクループのレスポンシブデザインの制作物をご紹介!スマホでの検索結果にモバイル対応ページは「スマホ対応」と表示されるようになりました。現代のマーケティング課題を解決する資格セミナーを行っているマーケティングリテラシー協会様のLPを作成いたしました。Animateを利用したアニメーションを作ってみる。ホームページ制作、WEBマーケティングページ上部へ戻る。