2017-08-12 1 views
6

2014年に書かれたこのチュートリアルに従います。https://www.labnol.org/internet/remove-unused-css/28635/です。2017年にChromeのヴィンテージ監査パネルを取得するにはどうすればよいですか? (Chromeの監査ツールを使用して未使用のCSSを削除するにはどうすればよいですか)

devtoolsで「監査」を実行した後に表示されるRemove unused CSS rulesセクションがあるはずです。

現在、WindowsでChrome 60.0.3112.90を使用していますが、そのようなセクションはありません。それはspecsでさえありません。それはReduce render-blocking stylesheetsに置き換えられましたか?はいの場合、どのように同じですか?

+1

この問題に対する解決策をお探しですか?かつてChromeにあったオプションはありません。 –

+0

@ WebGuyはい!答えを見てください! – Emilio

+0

うわー、私は検索して検索しましたが、これを言及した人は誰も見つかりませんでした。それは魅力のように働いた!! –

答えて

10

古い監査パネルを取得するには:

  1. オープンコマンドメニュー(CMD +は+ P(またはCtrl + Shiftキー+ Pシフト))。
  2. 「レガシー」と入力してください。
  3. 「レガシー監査を表示」を選択します。
+2

これを試していて、印刷メニューを開いている場合は、最初にF12キーを押して開発ツールを開き、上記のコマンドを実行します。 –

+0

この後、使用していないCSSをどのように削除しますか?それとも、使用したCSSだけをコピーするのですか? –

+0

@JikkuJose質問にリンクしたチュートリアルを試しましたか? – Emilio

関連する問題