Browser | Tool |
---|---|
Firefox | Tools für Webentwickler |
Google Chrome | DevTools |
Safari | Web Development Tools |
Internet Explorer | F12 developer tools |
Opera | Dragonfly |
Diese browsereigenen Werkzeuge haben die Art, wie Webseiten entwickelt werden, revolutioniert.
Sie ermöglichen es, den DOM-Tree und CSS-Regeln zu untersuchen und zu manipulieren, den Netzwerkverkehr zu analysieren, JavaScript über ein REPL live auszuführen, direkt auf Android-Geräten zu arbeiten und vieles mehr.
Code School bietet in Zusammenarbeit mit Google einen interaktiven Kurs zum Kennenlernen der DevTools an. Eine Liste von Tipps und Tricks findet ihr in dem Buch Down and Dirty with Chrome Developer Tools.