Giter Club home page Giter Club logo

glory's Introduction

Glory

GitHub manifest version (path) GitHub repo size GitHub followers

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

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

Установка

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

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

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

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

Возможности

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

glory's People

Contributors

justforthesoul avatar r2awx avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.