NoteInSiteЗаметка в любом месте страницы
Четыре способа создать: правый клик → «Добавить заметку здесь», Alt+Shift+N, Alt + двойной клик по странице и кнопка «＋ Добавить заметку» в окне расширения. Заметка появляется в точке клика.
Возможности
Заметка ставится в один жест, оформляется как текст в документе и живёт ровно там, куда её положили.
Форма — обычное текстовое поле
Пока не нажат карандаш ✎, на экране только текст: никаких панелей и рамок. Высота поля растёт по мере набора, лишнего места заметка не занимает.
Форматирование
Жирный, курсив, подчёркнутый, зачёркнутый, 9 шрифтов, размер 11–40 px, цвет текста и цвет самой заметки, маркированный список, очистка форматирования. Выделен фрагмент — стиль применится к нему, выделения нет — ко всей заметке.
Ссылки во всплывающих окнах
Кнопка 🔗 или Ctrl+K. Для каждой ссылки задаются размеры окна и флаг «открывать во всплывающем окне»; такие ссылки помечены значком ⧉. Справочник открывается рядом и не занимает вкладку.
Привязка к месту вставки
Сохраняются координаты в документе и «якорь» — заголовок или абзац, рядом с которым стоит заметка, плюс смещение от него. При следующем открытии и при смене ширины окна заметка остаётся у своего текста.
Перетаскивание и размер
В обычном виде заметка тянется за любое своё место, в режиме правки — за ручку ⠿ в панели, чтобы можно было выделять текст. Размер меняется уголком справа снизу. Всё это работает и пальцем на сенсорном экране.
Закрепление на экране
Кнопка 📌 отвязывает заметку от страницы: она перестаёт прокручиваться и остаётся на виду, пока вы листаете длинный документ.
Заметка на весь сайт
Кнопка 🌐 переключает область видимости: только эта страница или все страницы сайта. Удобно для памятки, которая нужна в любом разделе.
Не мешает интерфейсу сайта
Если заметку перекрыло всплывающее окно, диалог или закреплённая шапка сайта, она прячется, пока этот слой открыт, и возвращается сама. Постоянные колонки вёрстки заметками не считаются.
Отключение показа
Показ выключается глобально и отдельно для сайта — переключателями в окне расширения, пунктами контекстного меню или клавишами Alt+Shift+H. Скрытые заметки не удаляются.
Экспорт и импорт
Все заметки выгружаются в один файл JSON и восстанавливаются из него — резервная копия и перенос на другой компьютер.
Безопасность по умолчанию
Интерфейс живёт в Shadow DOM, HTML заметки проходит через белый список тегов и стилей,
вставка из буфера превращается в обычный текст, во всплывающих окнах открывается
только http(s).
Что происходит внутри
Коротко о том, как заметка находит своё место и почему она ничего о вас не знает.
Якорь вместо координат
Заметка запоминает CSS-путь до ближайшего заголовка или абзаца и смещение от него. При открытии страницы сначала пробуется якорь, и только если элемент не найден — абсолютные координаты.
Свой слой в Shadow DOM
Заметки рисуются в изолированном слое: стили сайта на них не влияют, а стили заметок не ломают сайт. Содержимое страницы при этом не читается.
Локальное хранилище
Данные лежат в chrome.storage.local по ключу на страницу и на сайт.
Строка запроса в адресе игнорируется, поэтому ссылка с ?utm_source=…
не создаёт дубликат страницы.