AI-помощь
Изучите варианты использования помощи искусственного интеллекта в Chrome DevTools и узнайте, как она может поддержать ваш рабочий процесс отладки в отношении стиля, производительности и многого другого.
… для укладки
Понимает макеты
Получите подробное объяснение макета вашего элемента и способов его изменения с помощью таких подсказок:
How is this element laid out?
Это гибкий элемент? Это позиционируется абсолютно? Это часть сетки? Помощь ИИ может обобщить структуру деревьев элементов и предоставить примеры кода, чтобы продемонстрировать, как его изменить.
Отладка анимации
У вас есть анимация, которая не работает? Попросите помощи AI по поводу вашего анимированного элемента:
Why is my animation not working?
Помощь ИИ проверит соответствующие свойства CSS, прослушиватели событий и многое другое, чтобы выяснить, что может быть не так, и предоставит примеры кода для исправления.
Ангар для инструментов разработчика
Нет проекта, позволяющего протестировать помощь искусственного интеллекта при стилизации? Попробуйте это в ангаре DevTools!
Найдите правильные подсказки, чтобы починить прямоугольные колеса, сломанные габаритные огни и дымящий двигатель, чтобы самолет DevTools снова мог летать.
… для сети
Демистифицирует заголовки
Заголовки запросов и ответов часто содержат важную информацию, не очевидную с первого взгляда. Попросите помощи ИИ, чтобы объяснить их:
Does this request have any notable headers?
Устанавливает тайминги в перспективе
У вас когда-нибудь было ощущение, что выполнение определенного запроса занимает слишком много времени, но вы не совсем понимали, почему? Попросите помощь ИИ разобраться в этом за вас:
Why is this request taking so long?
Помощь искусственного интеллекта исследует записанное время и сообщит вам, если что-то не так.
… для производительности
Обнаруживает узкие места
Найти причину медленной работы веб-сайта может быть сложно. Не можете отставать от пиков в своих профилях производительности? Помощь ИИ может свести для вас деревья вызовов:
Anything to improve in this call tree?
… для источников
Объясняет неизвестные файлы
Редко вы пишете весь код, который использует ваш сайт — не можете понять, почему загружается определенный ресурс и для чего он используется? Помощь ИИ может помочь:
What is this file used for?
Неважно, это аналитический скрипт, социальный виджет или библиотека A/B-тестирования — искусственный интеллект покопается и выяснит.