Glory

Данное расширение создано в помощь тестированию вёрстки в браузере.

Оно позволяет проверять вёрстку переполнением текстом или элементами списка, удалять или изменять размер изображений, обводить элементы и получать информацию о контентных изображениях, ссылках и кнопках. В новых версиях могут появиться новые функции.

Установка

1. Клонируйте репозиторий
2. Откройте в браузере меню расширений. Для этого в Google Chrome (или другом браузере на базе Chromium, таком как Microsoft Edge или Яндекс Браузер) введите в браузерную строку chrome://extensions/ и нажмите Enter
3. Включите режим разработчика
4. Выберите опцию “Загрузить распакованное расширение”
5. Найдите папку glory с клоном репозитория и выберите её

Если всё сделано правильно, то в правом верхнем углу появится иконка расширения:

Использование

Откройте страницу, которую хотите протестировать и нажмите на иконку расширения , а затем на кнопку Glory. Внизу страницы откроется меню с разными функциями.

Возможности

1. Проверка переполнения текстом - дублируется текстовый контент во всех текстовых нодах.
2. Проверка переполнения списков - дублируется элементы li внутри ul.
3. Включение/отключение редактирования.
4. Удаление контентных изображений.
5. Удаление фоновых изображений.
6. Замена контентных изображений на изображения размером 100*100.
7. Замена контентных изображений на изображения размером 500*1000.
8. Замена контентных изображений на изображения размером 1000*500.
9. Вывод информации о контентных изображениях.
10. Обводка элементов - показывает границы всех элементов.
11. Вывод информации о ссылках и кнопках.
12. Сброс всех изменений.