lcl-engineer https://blog.hatena.ne.jp/lcl-engineer/ LCL Engineers' Blog https://techblog.lclco.com/ 効率化 Webエンジニアの川辺です。 今回はChromeのデベロッパーツールでスマホ表示を維持したまま別タブに遷移するという、ちょっとした便利ワザを紹介しようと思います。 手順 command ＋ option ＋ Iキー（Windowsの場合はF12キー）でデベロッパーツールを開きます。 デベロッパーツールの右上の設定メニューから「Settings」を選択します。 下の方に「Auto-open DevTools for popups」という設定項目があるのでチェックを付けます。 これでページをリロードをすると設定が反映されるため、別タブへ遷移するリンクを開いても新しいタブでデベロッパーツールが開かれ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.lclco.com%2Fentry%2F2018%2F10%2F29%2F110000" title="Chromeのデベロッパーツールでスマホ表示を維持したまま別タブに遷移するTips - LCL Engineers&#39; Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/l/lcl-engineer/20181026/20181026183307.png Hatena Blog https://hatena.blog 2018-10-29 11:00:00 rich https://techblog.lclco.com/entry/2018/10/29/110000 1.0 100%