Kako omogočiti aplikacijo DevTools za Chrome za oddaljeno odpravljanje napak
Aplikacijo Chrome DevTools je ustvaril Kenneth Auchenberg, da bi odstranil devtools iz brskalnika - v tem primeru iz brskalnika Chrome. Ta aplikacija je zgrajena na podlagi NW.js in se lahko izvaja v operacijskem sistemu Mac OS X in Linux in Windows.
Obstaja veliko razlogov, zaradi katerih je ustvarjalec ustvaril to, vendar je njegova vizija sestavljena iz dajanja razvijalcem udobja odpravljanje napak na daljavo v več brskalnikih, vse iz iste enotne platforme (aplikacija). Zamisel bo vzela nekaj časa, da se ujame in uresniči zaradi različnih razlogov (in odpornosti, ki jo lahko preberete na njegovem blogu)..
Na kratko bomo pregledali aplikacijo Chrome DevTools in videli, kaj lahko Google ponudi razvijalcem.
Več o storitvi Hongkiat:
- Uvod v orodja za razvijalce za Chrome
- 5 (Več) Uporabni nasveti za razvijalce Chrome za razvijalce
- Kako prilagoditi temo programa Google Chrome DevTools
Namestitev
Prenesite Chrome-Devtools.app.zip in ga izvlecite. Dvokliknite za zagon. Zaženite brskalnik Chrome in omogočite odstranjevanje napak na daljavo.
Če želite to narediti v računalniku Mac, odprite terminal in zaženite spodnji ukaz:
sudo / Aplikacije / Google Chrome.app/Contents/MacOS/Google Chrome -remote-debugging-port = 9222
Če zaženete okna, odprite ukazni poziv in uporabite ta ukaz:
zagon chrome.exe -remote-debugging-port = 9222
Kako uporabiti
Ko je Chrome že odprt in je omogočena funkcija za odpravljanje napak na daljavo, lahko zdaj brskate po katerem koli mestu. Na primer smo za to vajo odprli Hongkiat.com. Nato nadaljujemo z oknom aplikacije DevTools za Chrome in osvežite ta seznam (gumb je na spodnji desni strani).
Zdaj boste videli navedeno povezavo Hongkiat.com (kot je prikazano spodaj).
Zdaj kliknite gumb »Pojdi«. Preusmerjeni boste v novo okno. To je to. Aplikacija Chrome DevTools že deluje. Kar boste videli tukaj, je enako kot, ko pregledujete element v brskalniku Chrome.
Od tu lahko uporabljate aplikacijo Chrome DevTools, tako kot pri DevTools na Chrome: lahko pregledate element DOM, razhroščite JavaScript, delo s konzolo in drugo.
Kaj je naslednje?
Ta aplikacija je še vedno zelo preizkušena. Za zdaj pa ideja o odstranitvi DevToola iz Chroma razvijalcem omogoča, da aplikacijo obravnavajo kot funkcionalni urejevalnik in delajo z drugimi izvajalnimi programi, kot so node.js in iOS. Za več možnosti si lahko ogledate Auchenbergovo pot misli.