刷新された [Inspect Devices] UI の詳細や、修正されたスタイルパネルでクラスを簡単に切り替えられるほか、DevTools Tonight のパイロット版もご覧になれます。
今回は、Canary ユーザーの皆様向けのダイジェストの最新版へようこそ。12 月のアップデートを見逃してしまいました。（生まれたばかりの娘に少し悩まされていました。）新鮮な魚が数個登場します。
新しい [Inspect Devices] ダイアログ
DevTools の（現在は古い）リモート デバッグ ドキュメントは、長年にわたって最も人気のあるガイドとなっています。これは、使い方の手がかりを誰も持っていなかったという意味でしかありません。
そこで、UX を刷新しました。まったく別のページ（「chrome://inspect」）を開く必要がなくなり、すべての [Inspect Devices] が DevTools 自体に手軽に組み込まれ、すばやくアクセスでき、コンテキストの切り替えが少なくなります。
スタイルパネルのクラスの切り替えボタン
要素のクラスをすばやく切り替えて、スタイルを適用した場合と適用しない場合の見え方を簡単にプレビューできるようになりました。また、属性を編集しなくても済むよう、新しいクラスをすばやく追加できる入力機能も追加しました。スタイルパネルの新しい [.cls] ボタンをクリックして、試してみましょう。
DevTools Tonight
このたび、Chrome DevTools の最新の状況を常に把握するための新たな方法をご紹介できることを嬉しく思います。DevTools Tonight の試験運用をご紹介します。
隔週スケジュールでシリーズ化される新しい番組では、（Canary ではなく）Stable 版 Chrome で追加される大きな機能に焦点を当て、それぞれについてもう少し詳しく取り上げます。Chrome Developers チャンネルにご登録いただくと、第 1 位の発送時に通知が届きます。また、YouTube のコメント欄でぜひご意見をお聞かせください。
その他のおすすめ
- DevTools のポップアップ（新しく作成されたウィンドウ）を自動的に開く設定を追加しました。有効にすると、DevTools の新しいインスタンスが新しく作成されたウィンドウで自動的に開きます。
- スタイルパネルの上部にあるアクションバーが固定されたため、下にスクロールしてスタイルをさらに編集した場合でも、いつでもアクションバーにアクセスできます。
- パフォーマンスのデバッグ セッションに実際に関連性があると思われるものに、タイムラインが自動的にズームされるようになりました。
- ダウンロードに加えてネットワーク スロットリングのアップロードがサポートされるようになりました。これにより、3G 接続でのファイルのアップロードなどをテストできます。
- 検査対象の要素をオーバーレイする検査ツールチップを刷新しました。明るさが増して暗くなり、コントラストが際立ちました。
いつものように、Twitter または以下のコメントを通じてご意見をお寄せください。バグについては crbug.com/new にお寄せください。
どうぞよろしくお願いいたします。
Paul Bakaus、DevTools チーム