にしし ふぁくとりー(西村文宏 個人サイト)

Presented by Nishishi via Movable Type. Last Updated: 2015/12/28. 14:07:54.

モバイル端末での表示をPC用ブラウザで確認する方法

スマホ・タブレットでの表示をPC用ブラウザで確認するウェブサイトを作る上では、スマートフォンやタブレットなどの「モバイル端末での見え方」も確認する必要があります。でも、モバイル端末の実機を使って頻繁に表示を確認するのは面倒です。
そこで、「モバイル端末でのウェブページの見え方」を、(実機を使わずに)PC用のブラウザ上で確認する方法を、All Aboutで解説してみました。

スマホ・タブレットでの表示をPC用ブラウザで確認する(@All About ホームページ作成)

代表的なPC用ブラウザには、「スマートフォンやタブレット端末で表示した場合の見え方」を擬似表示する機能が搭載されています。これを活用すれば、(スマートフォンエミュレータなどの大がかりな方法を用意しなくても)そこそこの表示確認が可能です。

この記事では、

  • Chromeに搭載の「デベロッパーツール」 (※Operaにも同じ機能があります)
  • IE・Edgeに搭載の「F12開発者ツール」
  • Firefoxに搭載の「レスポンシブデザインビュー」機能

……を使って、PC上で「モバイル端末の表示」を確認する方法を紹介しています。
簡単に使えますので、ぜひ試してみて下さい。

コメント

コメント数: 0件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。

保存しますか?



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

※投稿内容は、実際にページ上に掲載される前に、管理者によって確認される設定にしている場合があります。その場合は、投稿後にその旨が表示されます。たいてい1~2日以内には表示されるはずですので、気長にお待ち願います。m(_ _)m

トラックバック

このエントリーへのトラックバックURLを表示するにはここをクリック
※スパム防止のため、トラックバックURLは別ウインドウで表示します。(JavaScriptが有効でないと表示されません。)

--- 当サイト内を検索 ---