DevTools ダイジェスト

非同期コールスタック

スタック トレースをイベントの非同期ソースに関連付けることができるようになりました。タイマー、アニメーション フレーム、XHR、イベント リスナーなどがサポートされています。非同期コールスタックの詳細については、まもなく HTML5 Rocks に投稿する予定です。(DevTools のテストで [非同期スタック トレースのサポートを有効にする] を必ずオンにしてください)。[crbug.com/272416]

非同期コールスタック。

getEventListeners(window)

ページの DOM を表示しても、どの要素に JavaScript イベント リスナーが登録されているのかどうかがわからない場合もあります。window オブジェクト(または任意の DOM ノード)に登録されているすべてのイベント リスナーを、コマンドライン API の一部としてコンソール パネルの getEventListeners を使用して取得できるようになりました。[crbug.com/336472]

ソースパネルでは、場所(基本的にはコードエディタのカーソル位置)を編集するという概念が導入されています。Alt- で前の編集箇所(前のコード部分)に移動し、Alt+ で先に進みます。[crbug.com/281507]

Box Shadow の自動候補の値が更新されました

CSS プロパティ box-shadow の自動候補の値が、キーワード none を含むように更新されました。[crbug.com/332355]

ボックス シャドウなし

特定の行番号と特定の列に移動する

[Sources] パネルの [Search by filename](Ctrl + O または Cmd + O)ダイアログ ボックスで :line:column を使用して、特定の列の行番号に移動します。[crbug.com/337909]

ツールバー ハンドルを使って簡単にサイズ変更

DevTools のメイン ツールバーの空白スペースが、有効なサイズ変更ハンドルとして機能するようになりました。[crbug.com/304730]

Retina 対応ネットワーク バー

元々は画像から形成されていたネットワーク バーが CSS で作成されるようになりました。これにより、解像度に依存せず、網膜に適したものになりました。[crbug.com/330659]

コンソールでのノイズの低減

メタ ビューポート タグに渡された不明な引数は、コンソールにエラーとして表示されることがなくなり、代わりに警告が表示されるため、フィルタするノイズが少なくなります。[crbug.com/332794]

色の書式設定の歯車を削除

カラー形式を切り替える [Styles] ペインの歯車が削除されましたが、この設定は DevTools の設定で引き続き変更できます。[crbug.com/333840]

固定コンソール タブ

ドロワーのコンソールタブが、再読み込み後に状態を正しく記憶するようになりました。[crbug.com/328551]

テキストの自動サイズ調整の説明の改善

エミュレーションとテキストの自動サイズ調整について詳しく説明するために、モバイル エミュレーションのドキュメントへのリンクが DevTools に追加されました。テキストの自動サイズ調整のチェックボックスに関するツールチップも表示されます。[crbug.com/319092]

テキストの自動サイズのツールチップ

リモート IP アドレス

[Network] パネルのリソースビューでホストの IP アドレスを表示できるようになりました。[crbug.com/255602]

リモート IP アドレス

ご精読ありがとうございました。これらの機能は Canary でお試しいただけます。また、12 月版でご紹介した機能の多くは、Chrome Stable でもご利用いただけます。