Google Chrome Developer Tools (или коротко DevTools) является веб-приложением и основан на использовании таких технологий как HTML, CSS и JavaScript.
Для коммуникации с инспектируемой страницей используется сериализованный асинхронный канал сообщений.
Если ранее возможность отладки была доступна только в браузере, то с выпуска новой версии Chrome Developer Tools запустить интерфейс данного инструментария можно вне браузера следующими действиями:
- Запустить браузер Google Chrome с помощью данной команды:
chrome.exe --remote-debugging-port=9222 --user-data-dir=remote-profile
Крайне важно запустить отдельный экземпляр браузера для удалённой сессии, именно поэтому указывается ключ--user-data-dir - Теперь следует перейти на страницу, которую требуется отлаживать.
- Следующим действием нужно запустить новый экземпляр браузера и перейти на страницу http://localhost:9222
После этого будут отображены страницы, доступные для удалённой отладки, остаётся кликнуть по нужной ссылке и перейти непосредственно к отладке.