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

Я думал об использовании jQuery для вычисления вычисленных значений и сравнения их с ожидаемыми. Например, Я мог бы иметь

Это заголовок

, и теоретически я должен знать его размер шрифта, цвет, вес шрифта и т. Д. Я могу использовать jQuery, чтобы проверить, действительно ли это этот размер шрифта, а если нет, вернуть ошибку.

Преимущество этого состоит в том, что мне не нужно сидеть с контрольным списком, просматриваемым в каждом браузере: «Этот заголовок выделен жирным шрифтом? Эти ссылки подчеркнуты? Ширина этой колонки - 110 пикселей? ' - каждый раз, когда я вношу изменения в CSS.

Мой вопрос - это осуществимая идея? Каковы основные проблемы при реализации чего-то подобного? Кто-нибудь делал что-то подобное раньше?

РЕДАКТИРОВАТЬ: Также приветствуются любые мысли о том, как на самом деле отображать ошибки. Я подумал об использовании файла JavaScript в заголовке соответствующей страницы, а затем о добавлении содержимого на страницу, вроде версии Firebug на странице. Тем не менее, я' m беспокоился, что это может повлиять на рендеринг страницы. В качестве альтернативы, я мог бы зарегистрировать его в консоли, но я не думаю, что IE6 имеет подходящую консоль, и открытие каждой консоли каждого браузера для каждой тестируемой страницы также немного раздражает.