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

Question

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

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

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

Answer 1

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

1. Посмотрите на расширение Firefox Dust-Me на http://www.sitepoint.com/dustmeselectors/.

2. Google Chrome имеет website auditing tool в своей консоли разработчика.

3. Также я нашел этот сайт для удаления неиспользуемых css - http://unused-css.com/. Введите URL-адрес сайта, и вы получите список селекторов CSS. Для каждого селектора число указывает, сколько раз используется селектор. У этой службы есть несколько ограничений. Оператор @import не поддерживается. Вы не можете настроить и загрузить новый чистый файл CSS.

4. Helium CSS - это javascript-инструмент для обнаружения неиспользуемого CSS на многих страницах на веб-сайте. Сначала вам нужно установить файл javascript на страницу, которую вы хотите протестировать. Затем вы должны вызвать функцию гелия, чтобы начать очистку.

5. CSSESS - это букмарклет, который поможет вам найти неиспользуемые селекторы CSS на любом сайте. Этот инструмент довольно прост в использовании, но он не позволит вам настраивать и загружать чистые файлы CSS. Он будет перечислять только неиспользуемые файлы CSS.

6. How can I find unused images and CSS styles in a website?

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

1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
2. How Do I Make a Bash Script To Find Unused Images in a Project?

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

1. Find unused CSS rule and js script in a web project?
2. Find unused Javascript functions?

Answer 2

Один из возможных подходов:

1. использовать ваши браузеры копи-для-функциональности в автономном режиме и делать всю загрузку сайта и всех его ресурсов в локальной папке.
2. Затем запустите небольшой скрипт perl, который будет разрывать все *. {Jpg, png, gif ... и т. Д.}
3. Затем выполните разницу в списке при запуске из исходного каталога проекта.

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

Answer 3

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

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

Answer 4

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

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

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

Answer 5

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