1. virheenkorjaaja;Olen aiemmin sanonut, että voit lisätä debugger-lauseen Javascrip{filter}t-koodiisi; Käsin luodakseen murtopistevaikutuksen.
Tarvitsetko taukopisteen ehtoineen? Sinun tarvitsee vain ympäröidä se if-lauseella:
Mutta muista leikata ne ennen ohjelman julkaisua.
2. Aseta katkaisupiste laukeamaan, kun DOM-solmu muuttuu
Joskus huomaat, että DOM ei ole hallinnassasi ja käy läpi outoja muutoksia itsestään, mikä vaikeuttaa ongelman juurille pääsemistä.
Google Chromen kehitystyökaluissa on erittäin hyödyllinen ominaisuus, joka hoitaa tämän tilanteen, nimeltään "Break on...", voit klikata DOM-solmua hiiren oikealla ja näet tämän valikkokohdan.
Breakpointin laukaisuehto voidaan asettaa siten, että solmu poistetaan, solmun ominaisuudet muuttuvat tai jokin sen alisolmuista muuttuu.
3. Ajaxin murtopisteet
XHR-breakpointit, tai Ajax-breakpointit, kuten nimi, mahdollistavat katkopisteen asettamisen, joka laukaisee ominaisuuden Ajax-kutsun sen tapahtuessa.
Tämä on erittäin tehokasta, kun debuggaat verkkosovellusta verkon kautta.
4. Mobiililaitteiden simulointiympäristö
Google Chromella on erittäin mielenkiintoisia työkaluja mobiililaitteiden simulointiin, jotka auttavat meitä selvittämään, miten ohjelma toimii mobiililaitteessa.
Löytääksesi sen, paina F12, avaa kehittäjätyökalut ja paina ESC-näppäintä (nykyinen välilehti ei voi olla Konsoli), ja näet toisen tason virheenkorjausikkunan Emulaatio-välilehdellä, jossa on erilaisia emulointilaitteita valittavana.
Tämä ei tietenkään ole oikea iPhone, vaan simuloi iPhonen mitat, kosketustapahtumat ja selaimen käyttäjäpalvelijan arvot.
5. Paranna verkkosivustoasi auditoinnilla
YSlow on loistava työkalu. Google Chromen kehittäjätyökaluissa on hyvin samankaltainen työkalu nimeltä Audits.
Se auditoi verkkosivustosi nopeasti ja antaa sinulle erittäin käytännöllisiä ja tehokkaita ehdotuksia sekä tapoja optimoida sivustosi.
|
Julkaistu 13.6.2017 13.11.32
|
|
|
|
Julkaistu 13.6.2017 15.24.17