Начална » Toolkit » Как да активирате приложението Chrome DevTools за отдалечено отстраняване на грешки

    Как да активирате приложението 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 тук.