.gif)
Note: This documentation is preliminary and is subject to change.
The Internet Explorer 8 Developer Tools help you to quickly research and resolve HTML-, Cascading Style Sheets (CSS)-, and Microsoft JScript-related problems. This article provides a list of Developer Tools shotcut keys that will help you accomplish these tasks even faster. The keys are listed below by feature set. A comprehensive list of all shortcut keys is also provided for easy lookup and reference.
Developer Tools Menu Bar Shortcut Keys
The following shortcut keys can be accessed at any time while the Developer Tools are open.
| Action | Shortcut Keys |
|---|
| Open/Close Developer Tools | F12 |
| Resize to 800x600 | CTRL + SHIFT + 1 |
| Resize to 1024x768 | CTRL + SHIFT + 2 |
| Resize to 1280x768 | CTRL + SHIFT + 3 |
| Resize to 1280x1024 | CTRL + SHIFT + 4 |
| Switch to Quirks mode | ALT + Q |
| Switch to Internet Explorer 7 Standards mode | ALT + 7 |
| Switch to Internet Explorer 8 Standards mode | ALT + 8 |
| Switch to (page default) mode | ALT + D |
| Clear Browser Cache | CTRL + R |
| Clear Browser Cache for This Domain | CTRL + D |
| Select Element by Click | CTRL + B |
| View Class and ID Information | CTRL + I |
| View DOM (Element + Styles) | CTRL + T |
| View DOM (Page) | CTRL + G |
| Show/Hide Color Picker (Toggle) | CTRL + K |
| Show/Hide Ruler (Toggle) | CTRL + L |
| Minimize/Maximize (Toggle) | CTRL + M |
| Outline Any Element | CTRL + O |
| Clear Outlines | CTRL + SHIFT + O |
| Pin/Unpin (Toggle) | CTRL + P |
Jump-To Tab Shortcut Keys
The following shortcut keys can be accessed at any time while the Developer Tools are open.
| Action | Shortcut Keys |
|---|
| Select HTML Tab | CTRL + 1 |
| Select CSS Tab | CTRL + 2 |
| Select Script Tab | CTRL + 3 |
| Select Profiler Tab | CTRL + 4 |
HTML Tab Toolbar Shortcut Keys
The following shortcut keys can be accessed at any time while the Developer Tools are open.
| Action | Shortcut Keys |
|---|
| Add Attribute | CTRL + PLUS SIGN |
| Select Element by Click | CTRL + B |
| Clear Browser Cache | CTRL + R |
| Refresh | F5 |
| View element source with style | CTRL + T |
| Save | CTRL + S |
| Edit Mode | ALT + E |
| Expand all beneath this three node. This only works with the number's keypad symbol keys. | ALT + * |
| Collapse all beneath this three node. This only works with the number's keypad symbol keys. | ALT + - |
CSS Tab Toolbar Shortcut Keys
The following shortcut keys can be accessed at any time while the Developer Tools are open.
| Action | Shortcut Keys |
|---|
| Add CSS property while focus is on a property | CTRL + PLUS SIGN |
| Select Element by Click | CTRL + B |
| File chooser | CTRL + F |
| Clear Browser Cache | CTRL + R |
| Save | CTRL + S |
Script Tab Shortcut Keys For Debugger Mode
The following shortcut keys work under the Script tab. To work, script debugging does not have to start for these shortcut keys. However, some debugging features are disabled when debugging is not started, and pressing these shortcut keys will yield no results.
| Action | Shortcut Keys |
|---|
| Start debugging or continue | F5 |
| Stop debugging | SHIFT + F5 |
| Step over | F10 |
| Step into | F11 |
| Step out | SHIFT + F11 |
| Break all | CTRL + SHIFT + B |
| Break on Error - toggle on/off | CTRL + SHIFT + E |
| Toggle Breakpoints - set/unset | F9 |
| Set breakpoint Condition | ALT + F9 |
| Enable/Disable breakpoints | CTRL + F9 |
| Delete all breakpoints | CTRL + SHIFT + F9 |
| Go to Breakpoint window | CTRL + ALT + B |
| Go to Locals window | CTRL + ALT + L (or V) |
| Go to Watch window | CTRL + ALT + W |
| Go to Call Stack window | CTRL + ALT + C |
| Go to Console window | CTRL + ALT + I |
| Console - Run Script (in Single Line Mode) | RETURN |
| Console - Run Script (in Multi Line Mode) | CTRL + RETURN |
| Console - toggle between single and multi line mode | CTRL + ALT + M |
| Next function on Stack | CTRL + PERIOD |
| Previous function on Stack | CTRL + COMMA |
Profiler Tab Toolbar Shortcut Keys
The following shortcut keys work under the Profiler tab.
| Action | Shortcut Keys |
|---|
| Start Profiling | F5 |
| Stop Profiling | SHIFT + F5 |
Search Shortcut Keys
The following shortcut keys can be accessed at any time while the Developer Tools are open.
| Action | Shortcut Keys |
|---|
| Move focus to Search Box | CTRL + E |
| Next Match | F3 |
| Previous Match | SHIFT + F3 |
All Shortcut Keys for Developer Tools: Lookup Table
The following table lists all shortcut keys available for Developer Tools when they are open. The list is sorted by shortcut keys, and a link to the key's feature area is also provided for ease of reference.
Related Topics