DevTools ダイジェスト

非同期呼び出しスタック

スタック トレースをイベントの非同期ソースに関連付けられるようになりました。タイマー、アニメーション フレーム、XHR、イベント リスナーなどがサポートされています。非同期呼び出しスタックに関する詳細な説明は、まもなく HTML5 Rocks に投稿される予定です。(DevTools の試験運用版で [Enable support for async stack traces] をオンにしてください)。[crbug.com/272416]

非同期呼び出しスタック。

getEventListeners(window)

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

[ソース] パネルには、編集位置のコンセプトが導入されています。これは基本的に、コードエディタ内のカーソルの位置です。Alt- は前の編集場所(前回いたコードの一部)に移動し、Alt+ は先に進みます。[crbug.com/281507]

ボックス シャドウの自動補完値を更新しました

CSS プロパティ box-shadow の自動補完値が更新され、none のキーワードが追加されました。[crbug.com/332355]

box-shadow: none

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

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

ツールバー ハンドルによるサイズ変更が容易に

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

ネットワーク バーの Retina 対応

元々は画像で形成されていたネットワーク バーは、CSS で作成されるようになり、解像度に依存せず、Retina に対応するようになりました。[crbug.com/330659]

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

meta viewport タグに渡された不明な引数は、コンソールでエラーとして表示されなくなりました。代わりに警告として表示されるため、確認する内容が減ります。[crbug.com/332794]

色の書式設定コグを削除

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

固定されたコンソール タブ

引き出しの [コンソール] タブで、再読み込み後に状態が正しく保持されるようになりました。[crbug.com/328551]

テキストの自動サイズ調整に関する説明を改善しました

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

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

リモート IP アドレス

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

リモート IP アドレス

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