Jak povolit aplikaci Chrome DevTools pro vzdálené ladění
Aplikace Chrome DevTools vytvořil Kenneth Auchenberg ve snaze vyjmout devtools z prohlížeče - v tomto případě mimo prohlížeč Chrome. Tato aplikace je postavena na NW.js a může běžet na Mac OS X i na Linuxu a Windows.
Existuje mnoho důvodů, které vedly tvůrce k tomu, aby to vytvořil, ale jeho vize spočívá v tom, že vývojářům poskytuje pohodlí vzdálené ladění ve více prohlížečích, všechny ze stejné sjednocené platformy (aplikace). Myšlenka bude nějakou dobu trvat, než se chytí a zhmotní z různých důvodů (a odporu, který si můžete přečíst na svém blogu).
Krátce se podíváme na aplikaci Chrome DevTools App a uvidíme, co Google nabízí vývojářům.
Více o Hongkiatu:
- Začínáme s nástroji Chrome Developer Tools
- 5 (více) Užitečné tipy Chrome DevTools pro vývojáře
- Jak přizpůsobit téma Google Chrome DevTools
Instalace
Stáhněte si Chrome-Devtools.app.zip a extrahujte jej. Dvojitým kliknutím spustíte. Spusťte prohlížeč Chrome a povolte vzdálené ladění.
Chcete-li to provést na počítačích Mac, otevřete terminál a spusťte příkaz níže:
sudo / Applications / Google Chrome.app/Contents/MacOS/Google Chrome -remote-debugging-port = 9222
Pokud spustíte okna, otevřete příkazový řádek a použijte tento příkaz:
start chrome.exe -remote-debugging-port = 9222
Jak používat
Když je Chrome již otevřen, s povolenou funkcí vzdáleného ladění, můžete nyní procházet libovolným webem. Pro toto cvičení jsme například otevřeli Hongkiat.com. Dále přejdeme do okna aplikace Chrome DevTools a aktualizovat tento seznam (tlačítko je vpravo dole).
Nyní se zobrazí odkaz Hongkiat.com (viz níže).
Nyní klikněte na tlačítko 'Go'. Budete přesměrováni do nového okna. A je to. Máte již spuštěnou aplikaci Chrome DevTools. To, co zde uvidíte, je stejné jako když prohlížíte prvek v prohlížeči Chrome.
A odtud můžete použít aplikaci Chrome DevTools stejně jako nativně pomocí aplikace DevTools na Chrome: můžete si prohlédnout prvek DOM, ladit JavaScript, pracovat s konzolou a více.
Co bude dál?
Tato aplikace je stále velmi experimentální. Ale prozatím myšlenka vzít DevTool z Chrome umožňuje vývojářům zacházet s aplikací jako s funkčním editorem a pracovat s ostatními runtime, jako je node.js a iOS. Pro více možností se můžete podívat na Auchenbergovu myšlenkovou myšlenku.