2017-08-12 7 views
6

Próbuję wykonać ten samouczek, który został napisany w 2014 roku: https://www.labnol.org/internet/remove-unused-css/28635/.Jak zdobyć klasyczny panel kontroli Chrome w 2017 roku? (Jak używać narzędzia kontroli Chrome do usuwania nieużywanych arkuszy CSS?)

Mówi, że powinna być sekcja Remove unused CSS rules, która pojawia się po uruchomieniu "audytu" w devtools.

Obecnie używam Chrome 60.0.3112.90 w systemie Windows i nie ma takiej sekcji. Nie ma go nawet w specs. Czy został zastąpiony przez Reduce render-blocking stylesheets? Jeśli tak, to w jaki sposób?

+1

Czy znalazłeś rozwiązanie tego problemu? Widzę też, że nie ma takiej opcji w Chrome. –

+0

@WebGuy Tak! Zobacz odpowiedź! – Emilio

+0

Wow, szukałem i szukałem, ale nigdy nie znalazłem nikogo, kto o tym wspomniał. To działało jak czar !! –

Odpowiedz

10

Aby dostać stary panel audytu:

  1. otworzyć menu Command (Cmd + Shift + P (lub Ctrl + Shift + P)).
  2. Zacznij pisać "Starsza wersja".
  3. Wybierz "Pokaż starsze audyty".
+2

Jeśli próbujesz tego i otwiera się menu Drukuj, najpierw naciśnij F12, aby otworzyć narzędzia dewelopera, a następnie uruchom polecenie wymienione powyżej. –

+0

Po tym jak usunąć te nieużywane CSS? Czy możemy skopiować tylko używany CSS? –

+0

@JikkuJose Czy wypróbowałeś samouczek, który podłączyłem w pytaniu? – Emilio

Powiązane problemy