Kā iespējot Chrome DevTools lietotni attālinātai atkļūdošanai
Chrome DevTools lietotni izveidojis Kenneth Auchenberg, cenšoties izņemt devtools no pārlūkprogrammas - šajā gadījumā no Chrome pārlūkprogrammas. Šis pieteikums ir veidots, pamatojoties uz NW.js, un to var darbināt gan Mac OS X, gan Linux un Windows.
Ir daudz iemeslu, kas lika veidotājam radīt šo, bet viņa vīzija ir izstrādātājiem ērtāk tālvadības atkļūdošana vairākās pārlūkprogrammās, visi no tās pašas vienotas platformas (lietotnes). Ideja aizņems laiku, lai notvertu un īstenotos dažādu iemeslu dēļ (un pretestības dēļ, ko jūs varat izlasīt savā emuārā).
Mēs īsi apskatīsim Chrome DevTools lietotni un redzēsim, ko Google piedāvā izstrādātājiem.
Vairāk par Hongkiat:
- Darba sākšana ar Chrome izstrādātāju rīkiem
- 5 (Vairāk) Noderīgi Chrome DevTools padomi izstrādātājiem
- Kā pielāgot Google Chrome DevTools tēmu
Uzstādīšana
Lejupielādējiet Chrome-Devtools.app.zip un izvelciet to. Veiciet dubultklikšķi, lai palaistu. Palaidiet pārlūkprogrammu Chrome un iespējojiet attālo atkļūdošanu.
Lai to izdarītu Mac, atveriet termināli un palaidiet tālāk norādīto komandu:
sudo / Pieteikumi / Google Chrome.app/Contents/MacOS/Google \ t
Ja palaidāt logus, atveriet komandu uzvedni un izmantojiet šo komandu:
start chrome.exe -remote-debugging-port = 9222
Kā izmantot
Kad Chrome jau ir atvērts, iespējojot attālās atkļūdošanas funkciju, varat pārlūkot jebkuru vietni. Piemēram, šim uzdevumam mēs atvērām Hongkiat.com. Tālāk mēs ejam uz Chrome DevTools lietotņu logu un atjauniniet šo sarakstu (poga atrodas labajā apakšējā pusē).
Tagad jūs redzēsiet norādīto Hongkiat.com saiti (kā parādīts zemāk).
Tagad noklikšķiniet uz pogas “Iet”. Jums tiks dots jauns logs. Tieši tā. Chrome DevTools lietotne jau darbojas un darbojas jau. Tas, ko jūs redzēsiet šeit, ir tāds pats kā tad, kad jūs "pārbaudāt elementu" Chrome pārlūkprogrammā.
No šejienes jūs varat izmantot lietotni Chrome DevTools, tāpat kā izmantojot lietotni DevTools pārlūkā Chrome: varat pārbaudīt DOM elementu, atkļūdot JavaScript, strādāt ar konsoli un vairāk.
Ko tālāk?
Šī lietotne joprojām ir ļoti eksperimentāla. Bet tagad, domājot par DevTool izņemšanu no Chrome, izstrādātāji var apstrādāt lietotni kā funkcionālu redaktoru un strādāt ar citiem izpildlaikos, piemēram, node.js un iOS. Lai iegūtu vairāk iespēju, varat apskatīt Auchenberga domu vilcienu.