Отладка

Для создания скриптов для PlayCanvas важно знать, как получить доступ и использовать инструменты разработчика вашего браузера.

Chrome, Firefox и другие браузеры имеют интегрированные инструменты разработчика. Обычно вы можете получить доступ к ним, нажав F12 на Windows или ALT-CMD-I на Mac. Или используйте меню браузера для доступа к инструментам разработчика.

Отладка скриптов

Для отладки ваших скриптов выберите вкладку Sources в инструментах разработчика (Chrome). Откройте "навигатор", нажав на значок в верхнем левом углу панели Sources. Вы должны увидеть что-то похожее на то, что показано ниже:

Debugger

В Firefox это выглядит так:

Firefox

Навигатор показывает все скрипты, которые в данный момент выполняются на активной вкладке, включая любые скрипты PlayCanvas, которые вы написали. Найдите один из своих скриптов в навигаторе и выберите его, чтобы открыть исходный код. Теперь вы можете устанавливать точки останова и отлаживать.

Каждый браузер имеет подробные инструкции по отладке javascript. Вы должны прочитать эти документы: Chrome, Firefox, Safari, Edge / Internet Explorer.

Обратите внимание, что когда выполняющееся приложение приостановлено на точке останова в отладчике, другие окна/вкладки браузера, используемые для запуска этого приложения (содержащие редактор кода PlayCanvas или редактор и т. д.), также могут быть приостановлены.

Отладка на мобильных устройствах

На Android можно подключиться к мобильному браузеру Chrome через инструменты разработчика настольного браузера Chrome и USB-кабель. Документация для разработчиков Google содержит подробные шаги для настройки.

Отладка на iOS требует доступа к Mac, и Apple описала шаги, необходимые для включения опций разработчика и начала отладки.

В случае, когда невозможно подключиться к веб-представлению напрямую из Chrome или Safari (например, веб-представление в другом приложении) или нет доступа к Mac, следующие библиотеки и сервисы могут помочь и легко добавиться в проекты:

RemoteJS - позволяет разработчикам просматривать вывод консоли удаленно в настольном браузере и также выполнять JS в консоли, что делает его очень мощным. Вывод консоли может быть задержан или медленным.
vConsole или Eruda - добавляет виджет DOM-объекта на страницу, который можно развернуть для просмотра вывода консоли, сетевых запросов, элементов страницы и многого другого.