1. silur;Olen varem öelnud, et sa võid lisada silurilause oma Javascrip{filter}t koodi; et luua murdepunkti efekt käsitsi. Kas vajad murdepunkti tingimustega? Pead lihtsalt ümbritsema selle if-lausega:
Aga ära unusta need enne programmi avaldamist välja lõigata.
2. Sea katkestuspunkt käivituma, kui DOM-sõlm muutub
Mõnikord avastad, et DOM on sinu kontrolli alt väljas ja läbib iseenesest kummalisi muutusi, mis teeb probleemi juurteni jõudmise keeruliseks. Google Chrome'i arendustööriistades on väga kasulik funktsioon nimega "Break on...", saad paremklõpsata DOM-sõlmel ja näha seda menüüelementi. Katkestuspunkti käivitamistingimus saab määrata nii, et sõlm kustutatakse, sõlme omadused muutuvad või muutub üks alamsõlmedest.
3. Ajaxi murdepunktid
XHR-i katkestuspunktid, või Ajaxi katkestuspunktid, nagu nende nimi on, võimaldavad meil seada katkestuspunkti, mis käivitab funktsiooni Ajaxi kutse, kui see esineb. See on väga tõhus, kui silud veebirakendust võrgu kaudu.
4. Mobiilseadmete simulatsioonikeskkond
Google Chrome'il on mõned väga huvitavad tööriistad mobiilseadmete simuleerimiseks, mis aitavad meil siluda, kuidas programm mobiilseadmes töötab. Selle leidmiseks vajuta F12, ava arendajate tööriistad, seejärel vajuta ESC-klahvi (praegune vahekaart ei saa olla konsool), ja näed teise taseme silumisakent Emulatsiooni vahekaardil, kus on erinevaid emulatsiooniseadmeid, mille vahel valida. Muidugi ei ole see päris iPhone, vaid simuleeri lihtsalt iPhone'i mõõtmeid, puutetundlikke sündmusi ja brauseri kasutajaagendi väärtusi.
5. Paranda oma veebilehte auditite abil
YSlow on suurepärane tööriist. Google Chrome'i arendajate tööriistades on väga sarnane tööriist nimega Audits. See auditeerib kiiresti teie veebilehe ning annab väga praktilisi ja tõhusaid soovitusi ning viise veebisaidi optimeerimiseks.
|