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.

ECMAScript 6 - 10 fantastiske nye funksjoner

Visste du at JavaScript (sammen med JScript og ActionScript) er en implementering av en generell hensikt på klientsiden skriptspråkspesifikasjon kalt ECMAScript? For å gjøre denne ekle definisjonen litt mer attraktiv, kan vi si at ECMAScript (eller offisielt ECMA-262) er standarden som definerer hvordan vi bruker JavaScript, og hva vi kan oppnå med det.Den

(Tekniske og design tips)

10+ Tjenester og verktøy for å konvertere design til kode

Etter brainstorming av designene dine, er det å være i stand til endelig å se et fungerende sluttprodukt ganske mye et av de mer tilfredsstillende aspektene av programvareutviklingsprosessen. På den andre enden av spekteret kan det være å beskatte, ikke-tilfredsstillende og for en, nesten uoverstigelig hindring, å bygge bro over gapet fra sluttdesign til arbeidskode. PSD t

(Tekniske og design tips)