異なる画面解像度でサイトをテストする
読了時間:2分
さまざまな画面解像度でサイトの機能を体験するには、サードパーティ製のツールではなく、テストしたい実際のデバイスを使用することをおすすめします。サイトを表示したい特定のデバイスにアクセスできない場合は、Google Chrome のデベロッパーツールを使用してシミュレーションすることができます。
重要:
デベロッパーツールやその他のサードパーティ製ツールはエミュレータであり、他のデバイスでサイトを閲覧する際のガイドラインとしてのみご利用ください。サイトの完全なブラウジング体験を正確に表現できない可能性があるため、当社ではサードパーティ製のエミュレータはサポートしていません。
デベロッパーツールを使用してサイトをテストする方法:
- Google Chrome ブラウザを開きます。Chrome のダウンロード方法はこちらをご覧ください。
- 右上の「その他」アイコン
をクリックします。
- 「その他のツール」にマウスオーバーし、「デベロッパーツール」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/10/16/f4a66804-05f2-46b8-ad22-dab219b728ed/00885f77-cb88-4bb2-bb7f-62f8d6a809bd.png)
- 「デバイスツールバー」アイコン
をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/06/10/9e8e85c6-b819-4ed1-9365-468c1841731b/2cef4da7-4e39-4f49-adf8-54ce795d8751.png)
- 「Responsive」ドロップダウンをクリックし、エミュレートするデバイスを選択します。
注意:一覧に表示されないデバイスをエミュレートするには、「Edit(編集)」を選択してください。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2019/06/10/3cff349f-2793-4bf0-b995-02578294b7ec/7b600367-b682-4365-8f7d-27e40615670a.png)
- キーボードで「F5」または「Ctrl + R」を押してページを再読み込みします(Mac の場合は「Cmd + R」)。
Wix Studio を使用してみる:
Wix Studio はフリーランサーや制作会社のための究極のプラットフォームです。この柔軟で総合的なソリューションは、スマートデザイン機能やフレキシブルな開発ツールを搭載し、どんな業界のクライアントにも卓越した結果を提供することができます。
Wix Studio について:
- Wix Studio エディタのガイドツアー
- Wix Studio ベーシックコースを受講し、Wix Studio アカデミーでたくさんの動画やウェビナーをオンデマンドで視聴する。
- コミュニティフォーラムに参加して Wix Studio について質問・ディスカッションする
- Wix Studio ヘルプセンターで必要な手順や説明を確認する。