1. debugger;Jeg har sagt før at du kan legge til en debugger-setning i Javascrip{filter}t-koden din; for å skape en breakpoint-effekt for hånd.
Trenger du et bruddpunkt med betingelser? Du trenger bare å omgi det med en hvis-setning:
Men husk å kutte dem før programmet slippes.
2. Sett breakpunktet til å utløses når DOM-noden endres
Noen ganger vil du oppdage at DOM er utenfor din kontroll og vil gjennomgå merkelige endringer av seg selv, noe som gjør det vanskelig å komme til roten av problemet.
Det finnes en supernyttig funksjon i Google Chromes utviklingsverktøy som kan håndtere denne situasjonen, kalt «Break on...», du kan høyreklikke på DOM-noden og se dette menypunktet.
Triggerbetingelsen for et breakpoint kan settes slik at noden slettes, nodens egenskaper endres, eller en av dens undernoder endres.
3. Ajax-breakpoints
XHR-breakpoints, eller Ajax-breakpoints, som navnet heter, lar oss sette et breakpoint som utløser Ajax-kallet til en funksjon når det skjer.
Dette er svært effektivt når du feilsøker en webapplikasjon over et nettverk.
4. Simuleringsmiljø for mobile enheter
Google Chrome har noen veldig interessante verktøy for å simulere mobile enheter som hjelper oss å feilsøke hvordan programmet fungerer på mobilenheten.
For å finne det, trykk F12, åpne utviklerverktøyene, trykk deretter ESC-tasten (den nåværende fanen kan ikke være Konsoll), og du vil se det andre nivået av feilsøkingsvinduet dukke opp, i Emuleringsfanen med ulike emuleringsenheter å velge mellom.
Selvfølgelig vil dette ikke være en ekte iPhone, men bare simulere dimensjonene til iPhonen, berøringshendelser og nettleserens User Agent-verdier.
5. Forbedre nettsiden din med revisjoner
YSlow er et flott verktøy. Det finnes et veldig likt verktøy i Google Chromes utviklerverktøy som heter Audits.
Den reviderer raskt nettsiden din og gir deg svært praktiske og effektive forslag og måter å optimalisere nettsiden på.
|
Publisert på 13.06.2017 13:11:32
|
|
|
|
Publisert på 13.06.2017 15:24:17