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.