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.

10 Apps for å få de siste World Cup-poengene på telefonen

Den største fotballkonkurransen på planeten er i ferd med å begynne, og fotballfans vil bli limt til sine TV-apparater i denne en gang hvert 4. årers arrangement for å se spillene. Å være en verdensomspennende begivenhet, vil visningstidene ikke være det samme for alle, forventer å våkne opp midt på natten igjen for å fange favorittlagene dine i aksjon.Ingen ønske

(Tekniske og design tips)

10 programmeringsspråk du ikke vil kode inn

Har du hørt om Kylling, Whitespace og LOLCODE ? De er navn på bisarre programmeringsspråk som overraskende eksisterer. Programmeringsspråk er vanligvis opprettet for å lette koderenes arbeid, men det er noen få språk som er bygget for å plage programmeringssamfunnet .Disse er kjent som obfuscated eller esoteriske programmeringsspråk (esoterisk betyr det bare laget for en liten gruppe mennesker å forstå og / eller bruke). De kalles

(Tekniske og design tips)