Как быстро найти неиспользуемую часть кода CSS и JS в Chrome DevTools?

avatar
alancc
9 августа 2021 в 06:29
80
1
0

Я использую Chrome DevTools для анализа покрытия кода страницы https://www.datanumen.com/blogs/5-methods-remove-highlighting-shading-word-document/

Я получаю следующий результат:

enter image description here

Я заметил, что некоторые файлы CSS не используются на уровне 98,1% и 99,7%, поэтому я хочу выяснить, какая часть на самом деле используется. Но эти файлы довольно большие, например, ssba.css — это 4000+ строк, и я вижу рядом только красные вертикальные линии, но не могу найти зеленые, обозначающие используемую часть. И это довольно много времени, чтобы прокрутить вниз один за другим файл из 4000+ строк. Итак, есть ли простой способ перейти к первой использованной детали, затем перейти к следующей использованной детали и т. д.? Или, другими словами, легко найти б/у запчасти?

Источник

Ответы (1)

avatar
Eldar B.
9 августа 2021 в 06:35
0

Chrome DevTools фактически не может редактировать ваш код за вас, поскольку он расположен на сервере (или, в данном случае, на вашем компьютере), к которому Chrome не имеет доступа. Лучшее, что вы можете сделать, это автоматизировать его с помощью расширения, сценария или другого инструмента.

alancc
9 августа 2021 в 08:03
0

Спасибо. Я не хочу редактировать код через DevTools, я просто хочу легко найти неиспользуемые части кода, когда сталкиваюсь с тысячами строк.