Bookmarklet Tools

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 розмітки.

WYSIWYG editor

HTML Composer

Відкриває TinyMCE-подібний редактор HTML прямо поверх сторінки: зліва пишеш і форматуєш, справа одразу бачиш чистий код для копіювання або експорту.

• Форматує bold, italic, underline, strike, superscript і subscript.
• Підтримує H1-H4, paragraph, quote, code block, списки, відступи й вирівнювання.
• Додає кольори тексту, highlight, посилання, зображення та horizontal rule.
• Має режими Split, Visual і HTML, copy HTML, copy text та download HTML.

Markdown editor

Markdown Editor

Markdown редактор з live HTML preview: форматування, синтаксис, копіювання.

• Форматує bold, italic, code, list, посилання.
• Має режими Split, копіює результати.