A Chrome DevTools szolgáltatásnak van egy olyan funkciója, amely lehetővé teszi:
- Tekintse meg az aktuális weboldal által használt bármely erőforrás kódját (például CSS és JavaScript).
- „Pretty Print” (formázza az olvashatóság érdekében)
- Mentse lemezre
- Ezzel a mentett verzióval felülírhatja az élő verziót, akár az oldal frissítésekor is.
Ez az utolsó nagyon fantasztikus. Ha hibakeresést végez, amely csak úgy tűnik, hogy az élő webhelyen fordul elő, az olyan hibakereső eszközt kap, amely lehetővé teszi a probléma gyökerének eljutását.
Itt azt a funkciót fogjuk használni, hogy rájöjjek egy furcsa hibára, amelyet tapasztaltam.
Végletekig még a DevTools programot is használhatja elsődleges kódszerkesztőként, mivel képes a fájlok visszatérképezésére oda, ahol a tényleges projekt van a lemezen.