Его основная и единственная фича: по наведению мышки на текст, показывать информацию о свойствах текста (размер шрифта, цвет, семейство и.т.д)
💻 Привет, друзья! 😊 Я делаю расширение специально для разработчиков\верстальщиков\тестировщиков. В общем для всех, кому нужно тестировать текст на странице сайта.
🔍 Его идея пришла мне в голову, после очередного тестирования свой работы. Мне захотелось улучшить этот процесс и упрощение тестирования текста, мне показалось отличной задачкой!
🔨 Я уже сделала рабочую MVP версию. Вы тоже можете испытать ее! Для этого нужно сделать некоторые шаги:
| шаг | действие |
|---|---|
| 1 | Склонировать репозиторий проекта |
| 2 | Открыть проект в редакторе кода |
| 3 | Установить зависимости командой: npm i |
| 4 | Собрать проект командой: npm run build |
Если все ок - в папке проекта появится папка dist
| шаг | действие |
|---|---|
| 1 | Открыть в браузере Google Chrome chrome://extensions/ |
| 2 | Включить "режим разработчика" * |
| 3 | Нажать на кнопку Загрузить распакованное расширение |
| 4 | Выбрать папку dist |
| 5 | Проверить, что на карточке расширения кнопка активации в Активном положении ** |
/* Кнопка свитчер в правом верхнем углу браузера
** Кнопка свитчер в правом нижнем углу карточки расширения
| шаг | действие |
|---|---|
| 1 | Открыть любой сайт (на страницах Хрома расширения дезактивированы по дефолту) |
| 2 | Закрепить расширение в панели быстрого доступа *** |
| 3 | Нажать на значок расширения в панели |
| 4 | Нажать на Start |
| 5 | Навести курсор на текст |
Шаги простые:
☑️ Вноси изменения
☑️ Комментируй код и отписывай, какие крутые вещи ты сделал
☑️ Кидай мне pull request
Шаги простые:
☑️ Тестируй, всеми желаемыми тебе способами
☑️ Шарь мне гугл таблицу с багами