webben är en värld av världar. Och det interaktiva multiversum vi lever i domineras av en gul, blå, röd och grön jätte. Och kodare som grävt djupare i det komplicerade systemet har hittat remarkabla och om stundom skrämmande hemligheter. Det här är historien och guiden om hur vi kan överleva och tillslut stå som segrare i den lockande och förföriska världen som är Google Chrome.
Öppna Chrome debug tools med F12 (Windows/Linux) Cmd+Opt+I (Mac) – högerklick->Inspect fungerar givetvis också. Ett intressant alternativ vid viss felsökning är Preserve log. Aktivera denna och logg-meddelanden kommer att finnas kvar efter sidladdning. En filterfunktion finns tillgänglig om det är väldigt mycket loggar, förhoppningsvis ska dessa aldrig behövas men de är bra att känna till.
Chrome har tre inbyggda selectors som vi kan använda oss av för att hitta och interagera med element på sidan.
$() Fungerar som jquery men hämtar ett enskilt element.
$$() Fungerar som jquery men hämtar en lista över element.
$x() Tar en xpath sökväg, prova till exempel $x('html/body/main') på denna sida.
I denna serie kommer vi att ta en introduktion inom debugging vilket tyvärr är ett underskattat område.
Ta en närmare titt på världens mest populära webbläsares utvecklar- och debugging-verktyg
Definition console.log(message, ...) Denna funktion används vanligtvis för att skriva ut ett meddelande till konsolen i webbläsaren.
Detta är basen och grundverktyget i alla debug-äventyr. En breakpoint är en plats i appen där vi kommer att pausa i debuggern när den raden körs.