Browser Tools
class: center, middle .title[ Front-end training # Browser Tools ] --- # Browsers with tools     --- # What are Browser Tools ### These tools help us to save time on making web better: - Web Inspector - Javascript Console - Debugger - Network Inspector - Performance Profiling - Emulator/Responsive view - And more... --- # Web Inspector  https://developer.chrome.com/devtools/docs/dom-and-styles --- # Javascript Console  https://developer.chrome.com/devtools/docs/console --- # Debugger  https://developer.chrome.com/devtools/docs/console --- # Network Inspector  https://developer.chrome.com/devtools/docs/network --- # Performance Profiling  https://developer.chrome.com/devtools/docs/profiles --- # Emulator/Responsive view  https://developer.chrome.com/devtools/docs/profiles --- # More... ## Audits  --- # More... ## Timeline  --- # More... ## Resources  --- # More... ## Remote Debugging  https://developer.chrome.com/devtools/docs/remote-debugging --- # Must see or read - https://developer.chrome.com/devtools/docs/videos - https://www.mozilla.org/en-US/firefox/developer/ - https://www.codeschool.com/courses/discover-devtools - https://developers.google.com/web/updates/2016/06/devtools-digest
