Chromeで不要なCSS/JavaScriptを洗い出す

こんにちは！ 開発部の武内です。 Webフロントエンドの開発はここ数年で急激に高度化していますが、 それを大きく後押ししている一因にブラウザ付属の開発ツールがあります。 Chrome、Firefox、Edge、Safariなどに付属していますが、どれも非常に高機能です。 Webフロントエンドエンジニアで使っていない方はいないのではないでしょうか。 グラフィカルなデザイン調整 コードのステップ実行 通信のロギング etc… 今回、Chrome 59のアップデートでCSS/JavaScriptのカバレッジ機能が追加されたので試してみました。 CSS and JS code coverage What’s New In DevTools (Chrome 59) Find unused CSS and JS code with the new Coverage tab. When you load

[braitom]

ChromeのCSS/JavaScriptのカバレッジ機能について。こんな昔からこんな便利機能あったのか。知らなかった。

[ryunosinfx]

うほ！

[karatte]

遅蒔きながらブクマ。てか同じブクマコメントから来たと思われる方々が大量にブクマしとるww