1. debugger;Jag har sagt tidigare att du kan lägga till en felsökningsmening i din Javascrip{filter}t-kod; för att skapa en brytpunktseffekt för hand.
Behöver du en brytpunkt med villkor? Du behöver bara omge det med ett if-uttalande:
Men kom ihåg att klippa dem innan programmet släpps.
2. Sätt brytpunkten att triggas när DOM-noden ändras
Ibland kommer du att upptäcka att DOM är utanför din kontroll och genomgår märkliga förändringar av sig själv, vilket gör det svårt att komma till roten av problemet.
Det finns en superanvändbar funktion i Google Chromes utvecklingsverktyg som kan hantera denna situation, kallad "Bryt på...", du kan högerklicka på DOM-noden och se detta menyval.
Triggervillkoret för en brytpunkt kan sättas så att noden tas bort, nodens egenskaper ändras eller en av dess undernoder ändras.
3. Ajax-brytpunkter
XHR-brytpunkter, eller Ajax-brytpunkter som namnet heter, låter oss sätta en brytpunkt som utlöser Ajax-anropet av en funktion när den inträffar.
Detta är mycket effektivt när du felsöker en webbapplikation över ett nätverk.
4. Mobil enhetssimuleringsmiljö
Google Chrome har några mycket intressanta verktyg för att simulera mobila enheter som hjälper oss att felsöka hur programmet fungerar på mobila enheter.
För att hitta den, tryck på F12, öppna utvecklarverktygen, tryck sedan på ESC-tangenten (den aktuella fliken kan inte vara Konsol), och du kommer att se det andra felsökningsfönstret dyka upp, i fliken Emulering med olika emuleringsenheter att välja mellan.
Självklart kommer detta inte att vara en riktig iPhone, utan bara simulera iPhonens dimensioner, touch-händelser och webbläsarens User Agent-värden.
5. Förbättra din webbplats med revisioner
YSlow är ett utmärkt verktyg. Det finns ett mycket liknande verktyg i Google Chromes utvecklarverktyg som heter Audits.
Den granskar snabbt din webbplats och ger dig mycket praktiska och effektiva förslag och sätt att optimera din webbplats.
|
Publicerad på 2017-06-13 13:11:32
|
|
|
|
Publicerad på 2017-06-13 15:24:17