1. debugger;Ik heb eerder gezegd dat je een debugger-zin aan je Javascrip{filter}t-code kunt toevoegen; om met de hand een breekpunt-effect te creëren.
Heb je een breekpunt met voorwaarden nodig? Je hoeft het alleen maar te omringen met een if-statement:
Maar vergeet niet ze te knippen voordat het programma wordt uitgebracht.
2. Stel het breekpunt in om te activeren wanneer de DOM-node verandert
Soms zul je merken dat de DOM buiten je controle ligt en vanzelf vreemde veranderingen ondergaat, waardoor het moeilijk wordt om de kern van het probleem te vinden.
Er is een superhandige functie in de ontwikkeltools van Google Chrome die deze situatie kan oplossen, genaamd "Break on...", je kunt met de rechtermuisknop op de DOM-node klikken en je ziet dit menuitem.
De triggervoorwaarde voor een breekpunt kan zo worden ingesteld dat de knoop wordt verwijderd, de eigenschappen van de knoop veranderen, of een van zijn subknooppunten verandert.
3. Ajax-breakpoints
XHR-breakpoints, of Ajax-breakpoints, zoals de naam zegt, stellen ons in staat een breakpoint in te stellen dat de Ajax-oproep van een feature activeert wanneer deze plaatsvindt.
Dit is zeer effectief wanneer je een webapplicatie over een netwerk debuggt.
4. Simulatieomgeving voor mobiele apparaten
Google Chrome heeft enkele zeer interessante tools om mobiele apparaten te simuleren die ons helpen te debuggen hoe het programma op het mobiele apparaat werkt.
Om het te vinden, druk je op F12, open je de ontwikkelaarstools, druk je dan op de ESC-toets (het huidige tabblad kan niet Console zijn), en je ziet het tweede niveau van debugvenster verschijnen, in het tabblad Emulatie met verschillende emulatieapparaten om uit te kiezen.
Natuurlijk wordt dit geen echte iPhone, maar simuleer alleen de afmetingen van de iPhone, touch-events en de waarden van de browser User Agent.
5. Verbeter je website met audits
YSlow is een geweldig hulpmiddel. Er is een zeer vergelijkbare tool in de ontwikkelaarstools van Google Chrome genaamd Audits.
Het controleert snel je website en geeft je zeer praktische en effectieve suggesties en manieren om je website te optimaliseren.
|
Geplaatst op 13-06-2017 13:11:32
|
|
|
|
Geplaatst op 13-06-2017 15:24:17