console.diff(...): Chromeでのオブジェクト比較の強力なツール
console.diff(...)は、開発者向けのコンソールAPIの新たな機能をもたらす、Alexander Blockによって開発されたChrome拡張機能です。この拡張機能を使用すると、開発者はconsole.diff(old, new)関数を使用してメモリ内のオブジェクトを簡単に比較することができます。
console.diff(...)の特徴の1つは、デベロッパーツール内にJSDiffタブが追加されたことです。このタブは、ElementsパネルやNetworkパネルと並行して、オブジェクトの比較結果を明確かつ整理された形で表示することができます。
拡張機能をインストールした後は、タブをリフレッシュするかブラウザを再起動することを推奨します。
console.diff(...)が提供するAPIには、いくつかの便利なメソッドがあります:
- console.diff(left, right): 左側と右側のオブジェクトを比較します。
- console.diff(next): console.diffPush(next)の省略形です。
- console.diffLeft(left): 左側のオブジェクトのみを更新します。
- console.diffRight(right): 右側のオブジェクトのみを更新します。
- console.diffPush(next): 右側を左側にシフトし、次のオブジェクトを右側にします。
console.diff(...)は、メモリ内のオブジェクトを比較する必要がある開発者にとって貴重なツールです。コンソールAPIと便利なJSDiffタブとの統合により、Chrome開発者にとって必須の拡張機能となっています。
