Панель браузера
Панель браузера відкриває будь-яку сторінку просто поруч із чатом. Відкрийте її кнопкою глобуса в заголовку застосунку.
У десктопному застосунку це справжній браузер: ваші входи зберігаються, гаряче перезавантаження працює, а інструменти розробника — за один клік. У вкладці веббраузера панель теж покаже сторінку, але не зможе зазирнути всередину — інструменти анотацій нижче доступні лише на десктопі.
Сторінки, відкриті тут, не можуть скористатися вашою камерою, мікрофоном чи місцем перебування: такі запити відхиляються.
Панель інструментів
Адресний рядок памʼятає сторінки, які ви відкривали в цьому проєкті, і пропонує їх під час набору, звіряючись із частиною адреси або назвою сторінки. Стрілки рухають списком, Enter відкриває підсвічений запис, а кнопка в рядку прибирає його зі списку.
Поруч — перезавантаження, а також жорстке перезавантаження, яке ігнорує кеш, коли зміна вперто не показується, і керування масштабом, що змінює лише сторінку.
Очистити куки та Очистити кеш стосуються тільки цієї панелі. Вашої сесії OpenChamber та інших вікон це не торкається.
Анотувати сторінку
Натисніть Анотувати — над сторінкою зʼявиться панель із трьома інструментами:
- Елемент — клікніть на елемент. Клік по іншому переносить вибір, повторний клік по тому самому — знімає його.
- Область — обведіть ділянку рамкою, коли йдеться більш ніж про один елемент.
- Малювання — малюйте від руки поверх сторінки.
Опишіть бажане в полі, що зʼявляється поруч із позначкою, і натисніть Додати — або просто Enter. У повідомленні чату зʼявиться картка з усім, що ви позначили, з вашою нотаткою і зі знімком видимої сторінки, на якому намальовано твої позначки — тож можна сказати «оця кнопка, трохи круглішу», а не описувати, де вона.
Сама сторінка при цьому не змінюється — анотація лише позначає те, що є. Esc скасовує й закриває панель.
Дозволити агенту керувати
Агент може сам користуватися панеллю браузера — відкривати сторінку, читати, що на ній, клікати, вводити текст, прокручувати й перемикатися між мобільним, планшетним і десктопним розкладами — щоб перевіряти власну роботу, а не просити про це вас. Ви бачитимете це в панелі.
Агент не може виконувати довільний код на сторінці. Браузер зберігає ваші справжні входи, тож агент обмежений переліченими діями.
Він також може зберегти знімок того, що бачить, у .openchamber/screenshots/ вашого проєкту й показати його у відповіді. Саме це робить можливим «до і після», а файл лишається на місці, щоб потім прикріпити його до pull request.
Дії з браузером — це інструмент OpenChamber Web, який вмикається й вимикається окремо в Налаштування → Загальні → Інструменти OpenChamber.
Для цього потрібен десктопний застосунок: сторінкою у вкладці веббраузера керувати не вийде.
Розмір і оформлення
Натисніть кнопку телефона, щоб відкрити панель пристроїв. Оберіть пресет або введіть ширину й висоту — сторінка буде викладена саме в цьому розмірі, а якщо не вміщається в панель, її буде зменшено візуально. Сама сторінка при цьому вимірює себе в тому розмірі, який ви задали.
Там же можна змусити сторінку показатися світлою чи темною, не змінюючи нічого на своїй машині. З DevTools вони не поєднуються: у сторінки може бути лише один приєднаний зневаджувач, тож DevTools доведеться спершу закрити.
Інструменти розробника
Натисніть кнопку термінала на панелі, щоб відкрити власні інструменти розробника Chromium для сторінки — консоль, мережу, елементи, усе як зазвичай.
Повʼязане
- Перегляд і dev-сервери — як відкрити запущений застосунок, зокрема на віддаленій машині
- Інструмент керування для агентів — сесії, worktree й заплановані задачі просто з чату