Используйте панель помощи ИИ по стилю, чтобы понять общую компоновку веб-сайта, стили отдельных элементов и получить исправления ошибок CSS, созданные ИИ.
Откройте панель «Помощь ИИ»
Панель помощи ИИ открывается в ящике .
Из панели «Элементы»
Чтобы открыть помощь ИИ из панели «Элементы», при проверке узла DOM щелкните правой кнопкой мыши узел и выберите параметр «Спросить ИИ» .
Когда вы открываете подобную помощь ИИ , проверяемый элемент DOM уже предварительно выбран в качестве элемента контекста для разговора.
Либо нажмите плавающую кнопку, прикрепленную к наведенному узлу DOM.
Из меню команд
Чтобы открыть помощь ИИ из меню команд, введите AI , а затем выполните команду Показать помощь ИИ , рядом с которой находится значок Ящика .
Из меню «Дополнительные инструменты»
Либо в правом верхнем углу выберите Дополнительные параметры > Дополнительные инструменты > Помощь ИИ .
Контекст разговора
Чаты с помощью ИИ всегда относятся к текущему проверяемому элементу, который является последним элементом, выбранным в дереве DOM панели Elements. Ссылка на этот элемент отображается в левом нижнем углу панели.
Измените контекст с помощью селектора элементов рядом с текущим элементом или выбрав его из дерева DOM на панели «Элементы» .
Выбрав контекст, вы можете сделать снимок экрана области просмотра и отправить его в чат. Нажмите кнопку Сделать снимок экрана рядом с полем ввода чата.
Вы можете использовать снимки экрана, чтобы обеспечить дополнительный визуальный контекст для ваших подсказок, например, чтобы проверить, все ли видимые кнопки имеют одинаковый интервал.
В то время как текущий проверяемый элемент является основой разговора, помощь ИИ имеет доступ ко всем веб-API для сбора дополнительной информации с проверяемой страницы. Это включает в себя запрос других элементов с помощью document.querySelector или оценку вычисляемых стилей.
Подсказка
При начале нового разговора искусственный интеллект предлагает примеры подсказок, которые помогут вам быстро приступить к работе.
Щелкните любую из подсказок, чтобы предварительно заполнить поле ввода подсказки в нижней части панели.
Либо введите свой собственный вопрос или подсказку в поле ввода.
Чтобы отправить запрос, нажмите Enter или щелкните стрелку справа от поля ввода.
Ход разговора
Отправка запроса запускает диалог с агентом стилизации. Чтобы получить информацию, необходимую для наилучшего ответа на ваш запрос, агент генерирует и выполняет JavaScript, который вызывает веб-API. Прогресс агента отображается по шагам. Начальный статус шага — Investigating… .
Метка шага обновляется по мере того, как агент выполняет более конкретные действия для решения вашего вопроса.
Как только агент приходит к окончательному ответу, он отображается под этапами расследования, включая предложения по дальнейшим действиям.
Нажмите любую из предложенных подсказок, чтобы продолжить разговор. Нажмите
шага расследования, чтобы лучше понять, что делает искусственный интеллект за кулисами.
При развертывании чипа прогресса вы видите код, который выполнил агент, вместе с его возвращаемым значением. Скопируйте выполненный код для дальнейшего использования, например, выполните его с помощью панели Консоль .
Приостановленные разговоры
Помощь ИИ может генерировать код с побочными эффектами. Когда это происходит, разговор приостанавливается до выполнения кода.
Когда разговор приостановится, просмотрите код, предложенный агентом. Нажмите Продолжить , чтобы продолжить, или Отменить, чтобы предотвратить выполнение.
Сохраните изменения в вашем рабочем пространстве.
С помощью подключенной папки рабочего пространства вы можете сохранять изменения стиля, предложенные с помощью ИИ, обратно в исходные файлы CSS на вашем компьютере.
Для этого:
Сначала создайте файл метаданных и подключите папку рабочей области .
Кроме того, вы можете добавить папку вручную .
Начните чат с панели «Элементы» .
Оперативная помощь ИИ для изменения вашего CSS.
Помощь ИИ может сгенерировать код и приостановить выполнение . Проверьте код и нажмите «Продолжить» , чтобы протестировать изменения в реальном времени.
Разверните раздел Несохраненные изменения и нажмите Применить к рабочей области .
Просмотрите изменения в
diffи нажмите «Сохранить все» .
Чтобы изучить этот рабочий процесс, см.:
Ответ не дан
Помощь ИИ может не дать ответов по разным причинам.
Если вы считаете, что ваш запрос должен обсуждаться службой поддержки ИИ , отправьте сообщение об ошибке .
История разговора
Как только вы начинаете разговор, каждый следующий ответ основывается на ваших предыдущих взаимодействиях с ИИ.
Помощь ИИ сохраняет историю ваших разговоров между сеансами, поэтому вы можете получить доступ к предыдущим чатам даже после перезагрузки DevTools или Chrome.
Используйте элементы управления в левом верхнем углу панели для управления историей разговоров.
Начать новый
Чтобы начать новый разговор с текущим выбранным контекстом разговора , нажмите кнопку .
Продолжать
Чтобы продолжить прошлую беседу, нажмите кнопку и выберите ее в контекстном меню.
Удалить
Чтобы удалить беседу из истории, нажмите кнопку .
Оцените ответы и оставьте отзыв
Помощь ИИ — это экспериментальная функция. Поэтому мы активно ищем ваши отзывы, чтобы узнать, как мы можем улучшить качество ответов и общий опыт.
Голосование за ответы
Оцените ответ, используя кнопки « палец вверх» и палец вниз» под ответом.
Сообщить ответы
Чтобы сообщить о неприемлемом контенте, нажмите кнопку рядом с кнопками голосования.