Toolkit for quick browser magic

Drag me to bookmarks bar

Bookmarklet Squad

Обирай інструмент, перетягуй кнопку в закладки та запускай його на будь-якій сторінці. Кожен букмарклет має свій характер, опис і невеликий набір суперсил.

POW!
WOW!

Issue #01

SNAP!

What img?

Підсвічує формати зображень прямо на сторінці й показує живу статистику.

What img?

Issue #02

WHAM!

Word counter

Лічить слова, символи та символи без пробілів для будь-якого виділеного тексту.

Word counter

Issue #03

ZAP!

Color picker

Бере будь-який колір з екрана через EyeDropper API і віддає HEX та RGB.

Color picker

Issue #04

ZIP!

Web archive

Знайти та перегляну архівні версії сторінок.

Web archive

Issue #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 Check

Issue #09

Hh1!

H1 check

Підсвічує H1–H6 на сторінці та показує плаваючу статистику заголовків.

H1 Check

Issue #10

Goo!

G-index

Чи є ваша сторінка в індексі Google? Якщо так, то як вона виглядає в пошукових результатах?

G-index

Issue #11

Sch!

Schema

Перевіряє правильність використання schema.org тегів

Schema Check

Issue #12

Hoo!

HTML Check

Перевіряє правильність синтаксису HTML

HTML Check

Як користуватись

  1. Перетягни потрібну кнопку на панель закладок браузера.
  2. Відкрий сторінку, на якій хочеш перевірити контент.
  3. Натисни збережений букмарклет і користуйся його панеллю.
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 розмітки.