Chrome DevTools Overview

and other developer tools

Created by Andrian Kobevko @kobevko

PLLUGcomunity

• Google Chrome

• Elements
• Sources
• Console
• Debugger
• Network

Elements

• Styles view
• Displays CSS rules for active element
• Enable/disable properties
• Edit rules for pseudo-classes
• Link directly to CSS source

Source Panel

• Modify application source files
• Export changes
• Track file versions

Console

• Interact with your app's views and scripts
• Run Javascript commands
• View log output

Console API Reference

Debugger

• Debugging JavaScript
• Pause on Exceptions
• Local Storage
• Remote Debugging on Android with Chrome

Network

• The Network Tab
• Network Performance
• Removing Unneeded Requests
• Serving Correctly Sized Images

Google Closure

Links :)

• Codeschool - Discover DevTools
• Chrome DevTools Overview
• Firefox Developer Tools
• Remote Debugging on Android with Chrome
• Console API Reference

Дякую за увагу:)