Slik aktiverer du Chrome DevTools App for ekstern feilsøking

Chrome DevTools App er opprettet av Kenneth Auchenberg i et forsøk på å ta devtools ut av nettleseren - i dette tilfellet ut av Chrome-nettleseren. Dette programmet er bygget basert på NW.js og kan kjøre på Mac OS X, så vel som på Linux og Windows.

Det er mange grunner som oppfordret produsenten til å opprette dette, men hans visjon består i å gi utviklere muligheten for ekstern feilsøking på flere nettlesere, alt fra samme enhetlige plattform (app). Ideen vil ta litt tid å fange opp og materialisere på grunn av en rekke årsaker (og motstand, som du kan lese på på bloggen hans).

Vi tar en kort titt på Chrome DevTools App og ser hva Google har å tilby utviklere.

Mer om Hongkiat:

• Komme i gang med Chrome Developer Tools
• 5 (Mer) Nyttige Chrome DevTools Tips for utviklere
• Slik tilpasser du Google Chrome DevTools-temaet

Installasjon

Last ned Chrome-Devtools.app.zip og pakk det ut. Dobbeltklikk for å kjøre. Start Chrome-nettleseren din og aktiver ekstern feilsøking.

For å gjøre dette på Mac, åpne terminalen og kjør kommandoen nedenfor:

 sudo / Programmer / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222 

Hvis du kjører Windows, åpner du Kommandoprompt og bruker denne kommandoen:

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

Hvordan å bruke

Når Chrome er allerede åpen, kan du bla gjennom et hvilket som helst nettsted ved hjelp av funksjonen for fjerning av fjerning. For eksempel åpnet vi Hongkiat.com for denne øvelsen. Deretter går vi over til Chrome DevTools-appvinduet, og oppdaterer denne listen (knappen er nederst til høyre).

Nå vil du se Hongkiat.com-lenken oppført (som vist nedenfor).

Klikk nå på "Go" -knappen . Du blir tatt til et nytt vindu. Det er det. Du har Chrome DevTools-appen oppe og kjører allerede. Det du ser her er det samme som når du "inspiser element" på Chrome-nettleseren.

Og herfra kan du bruke Chrome DevTools-appen akkurat som å bruke DevTools på Chrome. Du kan inspisere DOM-elementet, feilsøke JavaScript, jobbe med konsoll og mer.

Hva blir det neste?

Denne appen er fortsatt veldig eksperimentell. Men for nå har ideen om å ta DevTool ut av Chrome tillat utviklere å behandle appen som en funksjonell editor, og jobbe med andre kjøretider som node.js og iOS. For flere muligheter, kan du sjekke ut Auchenbergs tankegang her.

20 Cool bærbare stativ for digitale nomader og frilansere

Hvis du alltid er på farten, jobber du sannsynligvis med din bærbare på fanget ditt mye. Etter en stund har du en belastning på håndleddene og nakken - fordi det ikke er den rette stillingen å jobbe på i lange perioder . I tillegg, etter langvarig bruk, bygger varme opp på bunnen av den bærbare datamaskinen. Det du

(Tekniske og design tips)

6 måter å laste ned og lese nettsteder frakoblet

Internett kan være en velsignelse, men som alle andre velsignelser, er den ikke tilgjengelig for alle eller hele tiden. Det er mange steder der det ikke er WiFi eller internettforbindelse. Men hva om du vil ha tilgang til et bestemt nettsted i en ikke-internett-sone? Vel, vær ikke lei av vennen min, da det er mange måter du kan få tilgang til dine favorittwebsteder uten nett.Ned

(Tekniske og design tips)