メモ：What's New In DevTools (Chrome 75)

手元のChromeが75になっていたので、改めて75のアップデート内容を見てみる。

元情報

https://www.youtube.com/watch?v=6zKPwOMFsa4 https://developers.google.com/web/updates/2019/04/devtools

メモ

Meaningful preset values when autocompleting CSS functions

CSSをいじるときに、デフォルトで値が入っているようになった。 記入が少し楽になる。

Clear site data from the Command Menu

いままではApplicationタブを開かないとクリアできなかったけれど、 コマンドメニュー（Ctrl+Shift+P で出てくるあれ）で「Clear site data」ができるようになった。 細かい設定は引き続きApplicationタブでする。

View all IndexedDB databases

iframeとかの（オリジンの異なる）IndexedDBの中身を見られるようになった。

View a resource's uncompressed size on hover

NetworkタブのActivityのSizeのところをhoverするだけで、圧縮無し版のデータ量が表示されるようになった。

Inline breakpoints in the breakpoint pane

ブレークポイントを位置を細かく設定できるようになった。 1行中のどこをブレークポイントにするか選択できる。

IndexedDB and Cache resource counts

ApplicationタブのIndexedDBやChacheペインで、トータルのエントリー数が表示されるようになった。

Setting for disabling the detailed inspect tooltip

Chrome 73でInspectモードのときに適用されているCSSのツールチップが出てくるようになった。 これが邪魔だという人は、Settings > Preferences > Elements > Show Detailed Inspect tooltipのところで非表示にできる。