Как включить приложение Chrome DevTools для удаленной отладки

Приложение Chrome DevTools создано Кеннет Аухенберг в попытке извлечь devtools из браузера – в данном случае из браузера Chrome. Это приложение построено на основе NW.js и может работать на Mac OS X, а также на Linux и Windows.

Есть много причин, которые побудили производителя создать это, но его видение состоит в том, чтобы предоставить разработчикам удобство удаленной отладки между несколькими браузерами, все из одной унифицированной платформы (приложения). Идея займет некоторое время, чтобы ее реализовать и воплотить в жизнь по ряду причин (и сопротивления, о котором вы можете прочитать в его блоге).

Мы кратко рассмотрим приложение Chrome DevTools и посмотрим, что Google может предложить разработчикам.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Больше на Hongkiat:

Установка

Скачать Chrome-Devtools.app.zip и извлечь его. Дважды щелкните, чтобы запустить. Запустите браузер Chrome и включите удаленную отладку.

Чтобы сделать это на Mac, откройте терминал и выполните команду ниже:
sudo / Applications / Google Chrome.app/Contents/MacOS/Google Chrome –remote-debugging-port = 9222
Если вы запустите Windows, откройте командную строку и используйте эту команду:
start chrome.exe –remote-debugging-port = 9222
Как пользоваться
Когда Chrome уже открыт с включенной функцией удаленной отладки, вы можете перейти на любой сайт. Например, мы открыли Hongkiat.com для этого упражнения. Затем мы переходим в окно приложения Chrome DevTools и обновляем этот список (кнопка находится в правом нижнем углу).

Теперь вы увидите ссылку Hongkiat.com в списке (как показано ниже).

Теперь нажмите кнопку «Перейти». Вы попадете в новое окно. Это оно. У вас уже есть приложение Chrome DevTools. Здесь вы увидите то же самое, что и при «проверке элемента» в браузере Chrome.

И отсюда вы можете использовать приложение Chrome DevTools точно так же, как и DevTools в Chrome: вы можете проверять элемент DOM, отлаживать JavaScript, работать с консолью и многое другое.
Что дальше?
Это приложение все еще очень экспериментально. Но на данный момент идея вывести DevTool из Chrome позволяет разработчикам воспринимать приложение как функциональный редактор и работать с другими средами исполнения, такими как node.js и iOS. Для получения дополнительных возможностей, вы можете проверить ход мысли Аухенберга Вот,