Issue #01
SNAP!What img?
Підсвічує формати зображень прямо на сторінці й показує живу статистику.
What img?Issue #02
WHAM!Word counter
Лічить слова, символи та символи без пробілів для будь-якого виділеного тексту.
Word counterIssue #03
ZAP!Color picker
Бере будь-який колір з екрана через EyeDropper API і віддає HEX та RGB.
Color pickerIssue #04
ZIP!Web archive
Знайти та перегляну архівні версії сторінок.
Web archiveIssue #05
ZZz!What size?
Перевіряє розміри елементів на сторінці, показуючи їх назву з розмірами в пікселях.
What size?Issue #06
Pss!What SEO?
Перевіряє фактори, що впливають на позиції сайту в пошукових системах.
What SEO?Issue #07
Pff!What Font?
Показує інформацію про шрифт елемента, на який наведено курсор.
What Font?Issue #08
Hrr!Link Check
Інспектор внутрішніх та зовнішніх посилань з фільтрацією по типу
Link CheckIssue #09
Hh1!H1 check
Підсвічує H1–H6 на сторінці та показує плаваючу статистику заголовків.
H1 CheckIssue #10
Goo!G-index
Чи є ваша сторінка в індексі Google? Якщо так, то як вона виглядає в пошукових результатах?
G-indexIssue #11
Sch!Schema
Перевіряє правильність використання schema.org тегів
Schema CheckIssue #12
Hoo!HTML Check
Перевіряє правильність синтаксису HTML
HTML CheckЯк користуватись
- Перетягни потрібну кнопку на панель закладок браузера.
- Відкрий сторінку, на якій хочеш перевірити контент.
- Натисни збережений букмарклет і користуйся його панеллю.
CLICK!
Image detective
What img?
Показує поверх сторінки коміксні плашки з форматами локальних зображень і виводить підсумкову статистику внизу екрана.
- Миттєво видно як важчі формати (JPEG / PNG).
- WEBP та SVG мають власні кольорові мітки.
- На плашці є tooltip з розміром, вагою та URL.
- Клік по плашці копіює адресу файла.
- Повторний запуск вимикає всі позначки.
Text sidekick
Word counter
Плаваюча панелька прив'язується до виділеного фрагмента і одразу показує коротку статистику по тексту.
- Рахує слова, символи та символи без пробілів.
- Оновлюється при кожній зміні виділення.
- Можна прибрати повторним запуском букмарклета.
- Панель адаптується до меж вікна, щоб не виїжджати за екран.
Color blaster
Color picker
Запускає стандартний eyedropper браузера, а потім відкриває компактну панель з вибраним кольором.
- Показує HEX і RGB у великому читабельному форматі.
- Окремі кнопки копіювання для кожного значення.
- Якщо браузер не підтримує EyeDropper API, покаже зрозуміле повідомлення.
- Повторний запуск перезапускає вибір кольору.
History hunter
Web archive
Знайти та перегляну архівні версії сторінок.
- Знаходить архівні версії сторінок.
- Можливо переглядати їх у вигляді скриншотів.
- Вибір по даті та часу.
- Можна швидко перейти до останньої збереженої версії.
Size detective
What size?
Перевіряє розміри елементів на сторінці, показуючи їх у вигляді плашок з розмірами в пікселях.
- Показує розміри елементів у пікселях.
- Показує назву елемента.
SEO toolz
What SEO?
Перевіряє фактори, що впливають на позиції сайту в пошукових системах, і виводить їх у зручному форматі.
- Показує длину заголовка.
- Показує длину мета-опису.
- Показує канонічну URL-адресу.
- Показує Headings.
- Виявляє наявність Schema.
Font info
What Font?
Показує інформацію про шрифт елемента, на який наведено курсор.
- Розмір шрифту.
- Сімейство шрифтів.
- Щоб скопіювати інформацію, натисніть Ctrl/⌘ + C.
Link info
Link Check
Інспектор внутрішніх та зовнішніх посилань
- Показує інформацію про внутрішні посилання.
- Показує інформацію про зовнішні посилання.
- Можливість фільтрації посилань за типом.
- Можливість копіювання списку посилань.
H1 info
H1-H6 Check
Перевіряє наявність та правильність використання заголовків H1-H6
- Показує інформацію про заголовки H1-H6.
G-index
Чи є ваша сторінка в індексі Google?
- Показує наявність вашої сторінки в індексі Google.
- Можна переглянути, як ваша сторінка виглядає в пошукових результатах.
HTML Check
HTML Check
Перевіряє правильність розмітки HTML сторінки.
- Перевіряє правильність розмітки HTML сторінки.
Schema
Перевіряє наявність Schema розмітки на сторінці та її тип.
- Показує наявність Schema розмітки на сторінці.
- Показує тип Schema розмітки.