Как да активирате приложението Chrome DevTools за отдалечено отстраняване на грешки
Приложението Chrome DevTools е създадено от Кенет Аухенберг в опит да извади devtools от браузъра - в този случай от браузъра Chrome. Това приложение е изградено на базата на NW.js и може да работи на Mac OS X, както и на Linux и Windows.
Има много причини, които накараха производителя да създаде това, но визията му се състои в това да даде на разработчиците удобството на отдалечено отстраняване на грешки в множество браузъри, всички от една и съща унифицирана платформа (приложение). Идеята ще отнеме известно време, за да улови и материализира поради различни причини (и съпротива, която можете да прочетете в неговия блог).
Ще разгледаме кратко приложението на DevTools на Chrome и ще видим какво може да предложи на разработчиците.
Повече за Hongkiat:
- Първи стъпки с инструментите за разработчици на Chrome
- 5 (Още) Полезни съвети за програмисти на Chrome за програмисти
- Как да персонализирате темата на Google Chrome DevTools
Инсталация
Изтеглете Chrome-Devtools.app.zip и го извлечете. Кликнете два пъти, за да изпълните. Стартирайте браузъра си в Chrome и активирайте дистанционното отстраняване на грешки.
За да направите това на Mac, отворете терминала и изпълнете командата по-долу:
sudo / Приложения / Google Chrome.app/Contents/MacOS/Google Хром-премахване на грешки-порт = 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. За повече възможности можете да проверите мисълта на Auchenberg тук.