Найти неиспользуемые изображения, правила css, js script блоки

У нас есть довольно большой сайт asp.net.

Изображения, css и javascripts являются собственностью, организованной в проекте веб-сайта, но поскольку мы меняем внешний вид веб-сайта, я хотел бы знать, есть ли инструмент/надстройка, которая поможет мне определить, какие изображения не используются на веб-сайте.

Я хотел бы найти то же самое с css и javascript. Я посмотрел на расширение firefox, но это только css.

Ответ 1

Неиспользуемый CSS

Взгляните на расширение Firefox Dust-Me на http://www.sitepoint.com/dustmeselectors/.
У Google Chrome есть инструмент аудита веб-сайтов в консоли разработчика.
Также я нашел этот сайт для удаления неиспользуемых css - http://unused-css.com/. Введите URL-адрес сайта, и вы получите список селекторов CSS. Для каждого селектора число указывает, сколько раз используется селектор. У этой службы есть несколько ограничений. Оператор @import не поддерживается. Вы не можете настроить и загрузить новый чистый файл CSS.
Helium CSS - это инструмент javascript для обнаружения неиспользуемого CSS на многих страницах на веб-сайте. Сначала вам нужно установить файл javascript на страницу, которую вы хотите протестировать. Затем вы должны вызвать функцию гелия, чтобы начать очистку.
CSSESS - это букмарклет, который поможет вам найти неиспользуемые селектора CSS на любом сайте. Этот инструмент довольно прост в использовании, но он не позволит вам настраивать и загружать чистые файлы CSS. Он будет перечислять только неиспользуемые файлы CSS.
Как найти неиспользуемые изображения и стили CSS на веб-сайте?

Неиспользуемые изображения:

Неиспользованный JS:

Ответ 2

Одним из возможных подходов может быть:

чтобы использовать возможности браузера для сохранения в автономном режиме и выполнять всю загрузку сайта и всех его ресурсов в локальную папку.
Затем запустите немного perl script, который будет разрывать все *. {jpg, png, gif... и т.д.}
затем выполните diff в списке, когда вы запустите его из исходного каталога проекта.

Очевидно, есть некоторые ограничения для этого подхода, но если все, что у вас есть, может быть хорошим началом!

Ответ 3

Так как Javascript является динамическим языком и называется динамическим способом, вы не будете хорошо разбираться в инструменте для поиска неиспользуемого javascript.

Вы можете использовать вызов инструмента JSCoverage, который профилирует ваш код и списки, которые вызывают методы. Это должно помочь вам немного.

Ответ 4

Мне никогда не повезло с любыми расширениями браузера, которые утверждают, что делают именно это.

Я запускаю консольное приложение, которое полагается на AgentRansack, чтобы найти неиспользуемые классы css в каталоге проекта (т.е. объявлено, но не указано в ascx/js и т.д.) - затем он объединяет результаты в отчет об использовании. Я предполагаю, что это можно было бы легко настроить для поиска изображений srcs и т.д., Если каталог проекта удалены неиспользуемые страницы.

Существует ли потребность в правильно распределенном инструменте?

Ответ 5

Сервер не откроет неиспользуемые файлы, поэтому вы можете проверить время последнего доступа. Правильно?