Homepage » Toolkit » A Chrome DevTools alkalmazás engedélyezése távoli hibakereséshez

    A Chrome DevTools alkalmazás engedélyezése távoli hibakereséshez

    A Chrome DevTools alkalmazást Kenneth Auchenberg hozza létre, hogy megpróbálja levenni a devtools-ot a böngészőből - ebben az esetben a Chrome böngészőből. Ez az alkalmazás az NW.js alapú, és Mac OS X-en, valamint Linuxon és Windows-on is futtatható.

    Számos oka van arra, hogy ezt a készítőt hozza létre, de a jövőképe a fejlesztők kényelmét jelenti távoli hibakeresés több böngészőn keresztül, ugyanazon egységes platformon (alkalmazás). Az elképzelés időbe telik, hogy különböző okokból (és ellenállásból, amit a blogjában olvashatsz) elkaphatod és megvalósíthatod.

    Röviden megnézzük a Chrome DevTools alkalmazást, és megnézzük, hogy a Google milyen fejlesztéseket kínál.

    További információ a Hongkiatról:

    • Első lépések a Chrome fejlesztői eszközökkel
    • 5 (További) Hasznos Chrome DevTools tippek a fejlesztők számára
    • A Google Chrome DevTools témájának testreszabása

    Telepítés

    Töltse le a Chrome-Devtools.app.zip fájlt, és vegye ki. Kattintson duplán a futtatáshoz. Indítsa el a Chrome böngészőt, és engedélyezze a távoli hibakeresést.

    Ehhez a Mac rendszeren nyissa meg a terminált, és futtassa az alábbi parancsot:

    sudo / Alkalmazások / Google Chrome.app/Contents/MacOS/Google \ t

    Ha Windowsot futtat, nyissa meg a Parancssorot, és használja ezt a parancsot:

    start chrome.exe -remote-debugging-port = 9222

    Hogyan kell használni

    Amikor a Chrome már nyitva van, a távoli hibakeresési funkció engedélyezve van, mostantól bármely webhelyre böngészhet. Például megnyitottuk a Hongkiat.com-ot erre a feladatra. Ezután a Chrome DevTools alkalmazásablakba lépünk, és frissítse ezt a listát (a gomb a jobb alsó oldalon van).

    Most látni fogja a Hongkiat.com linket (ahogy az alább látható).

    Most kattintson a 'Go' gombra. Egy új ablakba kerül. Ez az. A Chrome DevTools alkalmazás már fut és már fut. Amit itt látni fog, ugyanaz, mint amikor a Chrome böngészőjében az "elemet" ellenőrzi.

    Innen használhatja a Chrome DevTools alkalmazást, csakúgy, mint a Chrome-on található DevTools használatát: a DOM elemet, a JavaScript hibakeresését, a konzol és más funkciók használatát is megtekintheti.

    Mi a következő lépés?

    Ez az alkalmazás még mindig nagyon kísérleti. Azonban mostanában a DevTool Chrome-ból való kihasználásának ötlete lehetővé teszi a fejlesztők számára, hogy az alkalmazást funkcionális szerkesztőként kezeljék, és más futási idővel, mint például a node.js és az iOS. További lehetőségekért nézd meg itt Auchenberg gondolatmenetét.