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