Sådan aktiverer du Chrome DevTools App til fjern fejlfinding
Chrome DevTools App er oprettet af Kenneth Auchenberg i et forsøg på at tage devtools ud af browseren - i dette tilfælde ud af Chrome-browseren. Denne applikation er bygget baseret på NW.js og kan køre på Mac OS X såvel som på Linux og Windows.
Der er mange grunde, der har fået skaberen til at skabe dette, men hans vision består i at give udviklere bekvemmeligheden af fjernfejlfinding på tværs af flere browsere, alt fra den samme enhed (app). Ideen vil tage lidt tid at fange og materialisere på grund af forskellige grunde (og modstand, som du kan læse på sin blog).
Vi tager et kort kig på Chrome DevTools App og ser, hvad Google tilbyder udviklere.
Mere om Hongkiat:
- Kom i gang med Chrome Developer Tools
- 5 (Flere) Nyttige Chrome DevTools Tips til udviklere
- Sådan tilpasses temaet Google Chrome DevTools
Installation
Download Chrome-Devtools.app.zip og udpak det. Dobbeltklik for at køre. Start din Chrome Browser og aktiver fjernfejlfinding.
For at gøre dette på Mac'en skal du åbne terminalen og køre kommandoen nedenfor:
sudo / Applikationer / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
Hvis du kører windows, skal du åbne kommandoprompt og bruge denne kommando:
start chrome.exe -remote-debugging-port = 9222
Sådan bruges
Når din Chrome allerede er åben, med funktionen Fjernfejlfinding aktiveret, kan du nu søge på et hvilket som helst websted. For eksempel åbnede vi Hongkiat.com til denne øvelse. Derefter går vi over til applet vinduet Chrome DevTools, og Opdater denne liste (knappen er nederst til højre).
Nu vil du se linket Hongkiat.com (som vist nedenfor).
Nu Klik på 'Gå' knappen. Du bliver taget til et nyt vindue. Det er det. Du har Chrome DevTools-appen allerede i gang. Det du kan se her er det samme som når du "inspekterer element" på Chrome-browseren.
Og herfra kan du bruge Chrome DevTools-appen ligesom at bruge DevTools på Chrome indbygget: Du kan inspicere DOM-elementet, fejle JavaScript, arbejde med Console og mere.
Hvad er næste??
Denne app er stadig meget eksperimentel. Men for nu kan ideen om at tage DevTool ud af Chrome tillade udviklere at behandle appen som en funktionel editor og arbejde med andre runtime som node.js og iOS. For flere muligheder kan du tjekke Auchenbergs tankegang her.