また、Chromeでコードカバレッジを確認するにはどうすればよいですか？

[カバレッジ]タブを開きます

1. コマンドメニューを開きます。
2. カバレッジの入力を開始し、[Show Coverage]コマンドを選択してから、Enterキーを押してコマンドを実行します。ドロワーで[カバレッジ]タブが開きます。

続いて、Chromeでソースマップを有効にするにはどうすればよいですか？ Chromeでソースマップを有効にする

1. 開発者ツールを開きます。
2. 歯車のアイコン（右上）をクリックして、[設定]を開きます。
3. [一般]で、[ソース]セクションを探します。そのセクションで、「CSSソースマップを有効にする」を選択します。
4. 付随する「生成されたCSSの自動再読み込み」も有効になっていることを確認してください。

同様に、Chromeでブロックのリクエストを有効にするにはどうすればよいですか？

リクエストのブロックとその他の非表示のChromeデベロッパーツール

1. abd3721が述べたように、これはchrome DevTools内で直接利用できます（もうカナリアにいる必要はありません）が、まだ旗の後ろにあり、隠された実験機能メニューにあります。
2. 有効にするには、chrome：// flags /＃enable-devtools-experimentsに移動し、適切なフラグの下にある有効化リンクをクリックします。

Chromeで未使用のCSSを取り除くにはどうすればよいですか？

未使用のCSSを手動で削除する方法

1. ChromeDevToolsを開きます。
2. cmd + shift + pでコマンドメニューを開きます。
3. 「カバレッジ」と入力し、「カバレッジの表示」オプションをクリックします。
4. [カバレッジ]タブからCSSファイルを選択すると、[ソース]タブでファイルが開きます。