google chrome ディベロッパーツール使用時、写真のような黒枠を消す方法を教えてください。

Question

いつもお世話になってます。

google chrome のディベロッパーツール使用時、黒枠を消す方法をご教授頂けると幸いです。

検索や試行錯誤しましたがやはり消すことができません。

よろしくお願いいたします。

![イメージ説明]WIDTH:600

Answer 1

こんにちは。

デベロッパーツールの黒い枠（スケール表示）を消すには、「ルーペ」のアイコンと「Elements」の文字にはさまれた「デバイス（スマホ）」のアイコンをクリックしてください。
![イメージ説明]WIDTH:598

ただし、スケール表示を消した場合には、デバイスによるWebサイトの見え方（下の画像は iPhone6の例）を検証することはできませんので、その点をご了解ください。
![イメージ説明]WIDTH:424

以上、ご参考いただければ幸いです。

Comments

[退会済みユーザー]

ご回答ありがとうございます。
提示して頂いた方法で黒枠を外すことができました。

ご丁寧に画像まで作って頂き、ありがとうございました。

[退会済みユーザー]

asagiriさん、コメント（返信）をいただきありがとうございます。
お役に立てたようでなによりです。