東京本社 TEL : 03-5728-5580

支社連絡先一覧

mypage

聞くは一時、聞かぬは一生

Q346 制作したWEBサイトの動作確認について教えて下さい。

WEBサイトの制作をしているのですが、出来上がったサイトの動作やレイアウトを複数のブラウザで確認する簡単な方法はありますか?

A346 Windows、Macでは以下の方法でブラウザを切り替えながら確認することができます!

WEBサイト制作後、ChromeやFirefox、Safari、Microsoft Edge、IEなど様々なブラウザで動作確認・表示確認をする際には以下の方法が便利です!

■Windowsの場合

Windowsの場合は標準で入っているMicrosoft EdgeまたはInternet Explorerで確認できます。

ショートカットキーとしてキーボードの「F12」を押すとデベロッパーツールが表示されます。デベロッパーツールの「エミュレーション」のタブを選択後、モードの部分で確認したいブラウザを選択します。

キャプチャ

キャプチャ

■Macの場合

Macの場合は、標準で入っているSafariで確認できます。
開発用のツールを使っていくのですが、デフォルトの設定だと動作の確認ができませんので以下の手順で設定を変更します。
ツールバーの「Safari」から「環境設定」を選択します。

1

「詳細」のタブから一番下の「メニューバーに開発メニューを表示」にチェックを入れます。1これで「Safari」のタブの中に「開発」が表示されますので、「ページをこのアプリケーションで開く」を選択し、確認したいブラウザを選択します。1