Уведомление о конфиденциальности. Материалы этой страницы, включая программный код, структуру, интерфейс, тексты, графику, описание функциональности и результаты тестирования, предоставляются исключительно для закрытого ознакомления и проведения теста.
Без предварительного письменного согласия правообладателя запрещаются копирование, воспроизведение, публикация, распространение, передача третьим лицам, извлечение отдельных элементов, переработка и использование материалов полностью или частично вне целей данного тестирования.
Продолжая работу, участник подтверждает, что ознакомился с условиями, обязуется сохранять конфиденциальность полученной информации, не раскрывать её третьим лицам и принимать разумные меры для предотвращения несанкционированного доступа.
Правообладатель: ИП Плавская Анна Владиславовна. До публикации укажите здесь адрес правообладателя: [АДРЕС].
ANBOX Live Tuner · актуальный маршрут
Инструкция по двум версиям тюнера: Live работает на тестовой копии опубликованной страницы Tilda, Browser принимает HTML из любой CMS и возвращает полностью обновлённый код.
Сценарий 01 · работа в окружении сайта
Live считывает VibeBlock со страницы, показывает адаптивный холст и хранит изменения локально. Исходный код в Tilda не заменяется автоматически.
Не тестируйте раннюю версию на рабочей странице. У каждого редактируемого VibeBlock должен быть уникальный корневой id.
Вставьте в него целиком файл ANBOX-Live-Tuner-Live-Tilda-final.html. Сервисный блок держите отдельно от редактируемых экранов.
Откройте опубликованный адрес с параметром ?anbox-tuner=1. Если в URL уже есть параметры, добавьте &anbox-tuner=1.
Выберите VibeBlock в левом списке и кликните по объекту на холсте. Повторно включать выбор не нужно: следующий клик сразу выбирает следующий элемент.
Размер экрана меняется в верхней панели. Значения записываются раздельно в области Desktop, Tablet и Mobile.
Нажмите «Экспорт», проверьте выбранный блок и подтвердите копирование, HTML или ZIP. Затем полностью замените код нужного VibeBlock и опубликуйте страницу.
Покажите сервисный VibeBlock, опубликованный URL с параметром и открытый интерфейс тюнера.
<img src="URL_СКРИНШОТА" alt="...">Покажите левый список экранов, подсветку конкретного элемента и активные настройки справа.
<img src="URL_СКРИНШОТА" alt="...">Сценарий 02 · автономная браузерная версия
Browser подходит для Tilda, WordPress, Webflow, самописных сайтов и локальных HTML-файлов. Он не устанавливается внутрь редактируемой страницы.
Используйте опубликованную страницу с тюнером или локальный файл ANBOX-Live-Tuner-Browser-Tilda-final.html в актуальном Chrome или Edge.
Нажмите «Добавить код», загрузите HTML/TXT или вставьте полный HTML/CSS/JS. Кнопка «Удалить» очищает рабочую область только после подтверждения.
Если изображения, стили или шрифты используют относительные пути, укажите адрес исходного сайта или папки проекта.
Клик выбирает объект сразу. Для нескольких элементов используйте Shift + клик; для родителя — Alt + клик.
Переключите Desktop, Tablet и Mobile. Скрипты сохраняются в результате, но не выполняются в безопасном preview — интерактивность проверяйте после экспорта.
Полный HTML сохраняет документ целиком. Body-фрагмент подходит для кодового блока CMS. Старый код нужно заменять, а не дописывать к нему новый.
Покажите стартовый экран, кнопки «Добавить код» и «Удалить», поле Base URL и статус загрузки.
<img src="URL_СКРИНШОТА" alt="...">Покажите центральный холст, выбранный объект, боковые настройки и переключатель размера экрана.
<img src="URL_СКРИНШОТА" alt="...">Одинаковая логика в Live и Browser
Сначала выберите объект, затем откройте нужную категорию. Важные действия — отмена, сброс и экспорт — находятся в верхней панели.
Геометрия и выбор
Сдвиг X/Y, ширина, max-width, высота, min-height, внутренние и внешние отступы, gap и радиус.
Элемент не должен исчезать с холста: тюнер оставляет видимую область для повторного выбора и отката.
Покажите подсветку одного элемента и раскрытый блок «Положение и размер».
<img src="URL_СКРИНШОТА" alt="...">Содержание и типографика
Текст меняется в реальном времени только у выбранного текстового элемента.
Если выбран контейнер, выберите конкретную строку в списке текстовых узлов — структура блока останется целой.
Покажите выбранный заголовок, поле «Содержимое» и изменение на холсте в реальном времени.
<img src="URL_СКРИНШОТА" alt="...">Внешний вид
Цвета, рамка, прозрачность, радиусы, тени, z-index, overflow и параметры изображения.
«Из системы» удаляет только настройку тюнера и возвращает исходное значение проекта.
Покажите цвет, рамку, радиусы и изменение выбранного объекта на холсте.
<img src="URL_СКРИНШОТА" alt="...">Направляющие и привязка
Задайте 3, 4, 6 или 12 колонок, поля и межколонник для текущей адаптивной области.
Сначала настройте и включите направляющие. Затем Shift-кликом выберите элементы и отдельно подтвердите «Привязать к сетке».
Покажите направляющие, два выделенных элемента, счётчик и активную кнопку «Привязать к сетке».
<img src="URL_СКРИНШОТА" alt="...">Подтверждённая выгрузка
Панель появляется только после нажатия «Экспорт» и закрывается при переходе к другому инструменту.
Перед выгрузкой проверьте номер/ID блока и счётчик изменённых блоков.
Покажите панель после клика «Экспорт», выбранный VibeBlock, счётчик изменений и варианты выгрузки.
<img src="URL_СКРИНШОТА" alt="...">Финальный маршрут без дублирования
Тюнер формирует полную обновлённую версию. Не добавляйте её в конец старого кода — замените соответствующий документ или VibeBlock целиком.
Сверьте название и уникальный #id. При работе с несколькими VibeBlock используйте ZIP и README.
Экспортная панель не занимает рабочую область постоянно — она открывается кнопкой и закрывается при выборе другого инструмента.
Копирование, скачивание HTML и ZIP выполняются только после подтверждения. До этого изменения остаются локальным черновиком.
Для Live замените код соответствующего VibeBlock. Для Browser замените полный документ или нужный body-фрагмент.
Сравните Desktop, Tablet и Mobile; отдельно проверьте скрипты, формы, ссылки и внешние интеграции.
После проверки удалите сервисный Live-блок с рабочей страницы. Browser остаётся отдельным внутренним инструментом.
После тестирования Browser и Live
Все вопросы заполняются выбором вариантов или оценкой. Свободный ввод используется только для цен. Черновик сохраняется локально в браузере.