1. hibakereső;Már mondtam, hogy hozzáadhatsz egy hibakereső mondatot a Javascrip{filter}t kódodhoz; hogy kézzel hozzanak létre egy töréspont-hatást.
Szükséged van egy töréspontra a feltételekkel? Csak egy if állítással kell körülvenni:
De ne felejtsd el őket kivágni, mielőtt a program megjelenne.
2. Állítsuk be a megszakítási pontot, hogy akkor aktiválódjon, amikor a DOM csomópont változik
Néha azt tapasztalod, hogy a DOM kívül esik az irányításodon, és önállóan is furcsa változásokon megy keresztül, ami megnehezíti a probléma gyökerének kiderülését.
A Google Chrome fejlesztőeszközeiben van egy nagyon hasznos funkció, ami ezt a helyzetet kezeli, az úgynevezett "Break on...", jobb kattintással a DOM csomópontra, és meglátod ezt a menüpontot.
A megszakítási pont kiváltó feltétele úgy állítható, hogy a csomópont törlődjön, a csomópont tulajdonságai megváltoznak, vagy valamelyik alcsomópontja megváltozik.
3. Ajax töréspontok
Az XHR töréspontok, vagy Ajax töréspontok, ahogy a nevük, lehetővé teszik, hogy olyan megszakítási pontot állítsunk be, amely aktiválja egy funkció Ajax-hívását, amikor az bekövetkezik.
Ez nagyon hatékony, ha webalkalmazást hibáztatsz hálózaton keresztül.
4. Mobil eszköz szimulációs környezet
A Google Chrome nagyon érdekes eszközöket kínál a mobil eszközök szimulálására, amelyek segítenek hibakeresésben a program működését mobileszközön.
A megtalálásához nyomja meg az F12-t, hozza fel a fejlesztői eszközöket, majd nyomja meg az ESC gombot (a jelenlegi fül nem lehet Konzol), és megjelenik a hibakeresési ablak második szintje, az Emuláció fülön különböző emulációs eszközökkel a választási lehetőségekkel.
Természetesen ez nem lesz valódi iPhone, csak szimuláljuk az iPhone méreteit, az érintőképernyős eseményeket és a böngésző felhasználói ügynök értékeit.
5. Javítsd weboldaladat auditokkal
A YSlow remek eszköz. Van egy nagyon hasonló eszköz a Google Chrome fejlesztői eszközeiben, az Audits.
Gyorsan auditálja a weboldaladat, és nagyon praktikus és hatékony javaslatokat, valamint módokat ad a weboldal optimalizálására.
|
Közzétéve 2017. 06. 13. 13:11:32
|
|
|
|
Közzétéve 2017. 06. 13. 15:24:17