[解決済み] Chromeデベロッパーツールの位置を変更する方法
2022-03-21 21:06:30
質問
ツールはデフォルトでクロームウィンドウの下部に表示されます。これは、右側には十分な空きスペースがありますが、縦方向のスペースがあまりないため、ワイド画面ディスプレイにはかなり不向きな選択です。残念ながら、ツールの位置を変更する方法は見つかっていません。私は、firebugのように、それらを横に置きたいと思います。
私が望むものに近い唯一の選択肢は、開発ツールを切り離し、クロームとツールウィンドウを横に並べて配置することです。これは、IDEからブラウザに素早くaltタブで移動するのにはあまり便利ではないので、統合されたソリューションがあればいいと思います。
解決方法は?
Chrome 46 以降
垂直方向の省略記号ボタン ( ⊖ ) をクリックし、希望のドッキング オプションを選択します。
Chrome 45 以上
右上のドックアイコンを長押しします。ドッキングを変更するためのオプションがポップアップ表示されます。
HTMLパネルとCSSパネルの分割を変更するには、DevToolsの「設定(F1) > 一般 > 外観 > パネルレイアウト」に進みます。
関連
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] Facebookがブラウザに統合されたDeveloper Toolsを無効にする方法を教えてください。
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] Chromeデベロッパーツールで:hoverの状態を見る
-
[解決済み] ChromeのデベロッパーツールでJavaScriptを無効にする方法を教えてください。
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
-
[解決済み】Chromeデベロッパーツールで読み込まれたすべてのスクリプトを検索する方法は?
-
[解決済み】ChromeデベロッパーツールでHTTPリクエストを行う。
-
[解決済み】Chrome Developer Consoleで奇妙なエラー - リソースの読み込みに失敗しました: net::ERR_CACHE_MISS
-
[解決済み】Google ChromeでWebSocketのデバッグをする。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Chromebookでインスペクションが無効になっているときに、エレメントをインスペクションするにはどうすればよいですか?
-
[解決済み】Chromeが「Resource interpreted as script but transferred with MIME type text/plain.」と言いましたが、何が原因ですか?
-
[解決済み】Google ChromeでWebSocketのデバッグをする。
-
[解決済み】Chromeデベロッパーツールのドックを解除する
-
[解決済み] cssの変形でクロームの縁がギザギザになる
-
[解決済み] Chrome web inspectorのネットワークタブで拡張機能のリソースを非表示にすることは可能ですか?
-
[解決済み] Google ChromeにUserscriptを手動で追加する
-
[解決済み] Casperjs/PhantomJsとSeleniumの比較
-
[解決済み] ブラウザで400px以下の拡大縮小ができない?
-
[解決済み] クロームブラウザのロケールを変更する方法