Domovská » Sada nástrojů » Jak povolit aplikaci Chrome DevTools pro vzdálené ladění

    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.