Обнаружение отличий от HTML и CSS изменений с живого сайта

Question

У нас есть веб-страница, которая может быть размещена в iframe на другом сайте. Когда это показано на другом сайте, мы перезаписываем css, чтобы получить l & f этого сайта.

Что происходит, когда кто-то изменяет имя или свойства класса css на веб-странице, это может выглядеть плохо на другом сайте, где он размещен, пока мы не обнаружим и не изменим его.

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

Какой-то инструмент захвата html, css, который может сказать, есть ли разница в классах css для элементов html или свойств

Answer 1

Надеюсь, у вас есть шаблоны!

Если вы этого не сделаете (и, следовательно, не можете просто diff использовать их при срабатывании коммита или тому подобное) ...

Поскольку вы не указали язык, на котором написан ваш сайт, давать советы сложно.Инструментарий веб-приложения для отслеживания этих вещей также будет (я могу ошибаться) недетерминированным, поскольку поток управления программой повлияет на результат.

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

Вы также можете обернуть что-то вроде printf или echo или что-то еще, что ваш язык использует для обнаружения набора {текст, номер строки, файл} и сравните HTML в них.

В конечном счете, зачем беспокоиться? кажется мне бессмысленным упражнением.Просто запустите HTML / CSS / любой другой валидатор для вывода и используйте сайт, чтобы убедиться, что он выглядит нормально.И если ваш HTML не отделен от вашей модели / бизнес-логики, то у вас все равно есть большие проблемы.

1. wget
2. libxml2
3. diff