nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


Hoe Chrome DevTools-app te activeren voor Remote Debugging

De Chrome DevTools-app is gemaakt door Kenneth Auchenberg in een poging om devtools uit de browser te halen, in dit geval uit de Chrome-browser. Deze applicatie is gebouwd op basis van NW.js en kan zowel op Mac OS X als op Linux en Windows worden uitgevoerd.

Er zijn veel redenen waarom de maker dit heeft gecreëerd, maar zijn visie bestaat erin ontwikkelaars het gemak te geven van debuggen op afstand via meerdere browsers, allemaal vanuit hetzelfde geünificeerde platform (app). Het idee zal enige tijd in beslag nemen om aan te slaan en te materialiseren vanwege een verscheidenheid van redenen (en weerstand, die je kunt lezen op zijn blog).

We zullen de Chrome DevTools-app kort bekijken en zien wat Google ontwikkelaars te bieden heeft.

Meer over Hongkiat:

  • Aan de slag met Chrome-ontwikkelaarstools
  • 5 (Meer) Nuttige Chrome DevTools Tips voor ontwikkelaars
  • Het Google Chrome DevTools-thema aanpassen

Installatie

Download de Chrome-Devtools.app.zip en pak het uit. Dubbelklik om te draaien. Start uw Chrome-browser en schakel externe foutopsporing in.

Om dit op de Mac te doen, open je de terminal en voer je de onderstaande opdracht uit:

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

Als u vensters opent, opent u de opdrachtprompt en gebruikt u deze opdracht:

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

Hoe te gebruiken

Wanneer uw Chrome al is geopend en de functie voor foutopsporing op afstand is ingeschakeld, kunt u nu naar elke site bladeren. We hebben bijvoorbeeld Hongkiat.com voor deze oefening geopend. Vervolgens gaan we naar het app-venster van Chrome DevTools en vernieuwen we deze lijst (de knop bevindt zich rechtsonder).

Nu ziet u de link Hongkiat.com (zoals hieronder weergegeven).

Klik nu op de knop 'Start' . U wordt naar een nieuw venster gebracht. Dat is het. U hebt de Chrome DevTools-app al actief. Wat u hier ziet, is hetzelfde als wanneer u "element inspecteert" in de Chrome-browser.

En vanaf hier kunt u de Chrome DevTools-app gebruiken, net zoals u native DevTools op Chrome gebruikt: u kunt het DOM-element inspecteren, JavaScript debuggen, werken met Console en meer.

Wat is het volgende?

Deze app is nog steeds erg experimenteel. Maar voor nu biedt het idee om de DevTool uit Chrome te halen ontwikkelaars de gelegenheid om de app te beschouwen als een functionele editor en te werken met andere runtimes zoals node.js en iOS. Voor meer mogelijkheden, kun je hier de gedachtegang van Auchenberg bekijken.

Hoe u uw lezers kunt krijgen om uw inhoud op de markt te brengen

Hoe u uw lezers kunt krijgen om uw inhoud op de markt te brengen

Voor al zijn conceptuele hoogtepunten gaat digitale marketing niet alleen over de input van experts. Sterker nog, als het erop aan komt extra verkeer te genereren via Google en via sociale media, wordt u door gebruikersgegenereerde inhoud verder versterkt en krijgt u het vertrouwen om grotere stappen te nemen (soms, zo niet altijd)

(Technische en ontwerptips)

Beginnersgids voor het publiceren van uw eigen e-boek

Beginnersgids voor het publiceren van uw eigen e-boek

Als je dit leest, heb je waarschijnlijk al een manuscript of een boekidee klaarliggen. Wat je wilt weten, is waar je je nog meer aan moet verbinden voordat je een ebookauteur kunt worden . Zelf publiceren is nu gemakkelijker dan ooit tevoren, wat het moeilijkste maakt om een ​​gevestigde auteur te zijn, uitzoeken welk onderwerp te schrijven.Mis

(Technische en ontwerptips)