Click to Rate and Give Feedback
MSDN
MSDN Library
Web Development
Tools
Developer Tools
 Developer Tools: Keyboard Shortcuts
Developer Tools: Keyboard Shortcuts
New for Windows Internet Explorer 8
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.

ActionShortcut Keys
Open/Close Developer ToolsF12
Resize to 800x600CTRL + SHIFT + 1
Resize to 1024x768CTRL + SHIFT + 2
Resize to 1280x768CTRL + SHIFT + 3
Resize to 1280x1024CTRL + SHIFT + 4
Switch to Quirks modeALT + Q
Switch to Internet Explorer 7 Standards modeALT + 7
Switch to Internet Explorer 8 Standards modeALT + 8
Switch to (page default) modeALT + D
Clear Browser CacheCTRL + R
Clear Browser Cache for This DomainCTRL + D
Select Element by ClickCTRL + B
View Class and ID InformationCTRL + 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 ElementCTRL + O
Clear OutlinesCTRL + 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.

ActionShortcut Keys
Select HTML TabCTRL + 1
Select CSS TabCTRL + 2
Select Script TabCTRL + 3
Select Profiler TabCTRL + 4

HTML Tab Toolbar Shortcut Keys

The following shortcut keys can be accessed at any time while the Developer Tools are open.

ActionShortcut Keys
Add AttributeCTRL + PLUS SIGN
Select Element by ClickCTRL + B
Clear Browser CacheCTRL + R
RefreshF5
View element source with styleCTRL + T
SaveCTRL + S
Edit ModeALT + 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.

ActionShortcut Keys
Add CSS property while focus is on a propertyCTRL + PLUS SIGN
Select Element by ClickCTRL + B
File chooserCTRL + F
Clear Browser CacheCTRL + R
SaveCTRL + 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.

ActionShortcut Keys
Start debugging or continueF5
Stop debuggingSHIFT + F5
Step overF10
Step intoF11
Step outSHIFT + F11
Break allCTRL + SHIFT + B
Break on Error - toggle on/offCTRL + SHIFT + E
Toggle Breakpoints - set/unsetF9
Set breakpoint ConditionALT + F9
Enable/Disable breakpointsCTRL + F9
Delete all breakpointsCTRL + SHIFT + F9
Go to Breakpoint windowCTRL + ALT + B
Go to Locals windowCTRL + ALT + L (or V)
Go to Watch windowCTRL + ALT + W
Go to Call Stack windowCTRL + ALT + C
Go to Console windowCTRL + 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 modeCTRL + ALT + M
Next function on StackCTRL + PERIOD
Previous function on StackCTRL + COMMA

Profiler Tab Toolbar Shortcut Keys

The following shortcut keys work under the Profiler tab.

ActionShortcut Keys
Start ProfilingF5
Stop ProfilingSHIFT + F5

Search Shortcut Keys

The following shortcut keys can be accessed at any time while the Developer Tools are open.

ActionShortcut Keys
Move focus to Search BoxCTRL + E
Next MatchF3
Previous MatchSHIFT + 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.

Shortcut KeysActionApplies To
F3Next MatchSearch Shortcut Keys
SHIFT + F3Previous MatchSearch Shortcut Keys
F5RefreshHTML Tab Toolbar Shortcut Keys
F5Start or Continue DebuggingScript Tab Shortcut Keys For Debugger Mode
SHIFT + F5Stop DebuggingScript Tab Shortcut Keys For Debugger Mode
F5Start ProfilerProfiler Tab Toolbar Shortcut Keys
SHIFT + F5Stop ProfilerProfiler Tab Toolbar Shortcut Keys
F9Toggle Breakpoints - set/unsetScript Tab Shortcut Keys For Debugger Mode
ALT + F9Set Breakpoint ConditionScript Tab Shortcut Keys For Debugger Mode
CTRL + F9Enable/Disable breakpointsScript Tab Shortcut Keys For Debugger Mode
CTRL + SHIFT + F9Delete all breakpointsScript Tab Shortcut Keys For Debugger Mode
F10Step overScript Tab Shortcut Keys For Debugger Mode
F11Step intoScript Tab Shortcut Keys For Debugger Mode
SHIFT + F11Step outScript Tab Shortcut Keys For Debugger Mode
F12Open/Close Developer ToolsDeveloper Tools Menu Bar Shortcut Keys
ALT + *Exapand All beneath this tree nodeHTML Tab Toolbar Shortcut Keys
ALT + -Collapse All beneath this tree nodeHTML Tab Toolbar Shortcut Keys
ALT + DSwitch to (page default) modeDeveloper Tools Menu Bar Shortcut Keys
ALT + EEdit ModeHTML Tab Toolbar Shortcut Keys
ALT + QSwitch to Quirks modeDeveloper Tools Menu Bar Shortcut Keys
ALT + 7Switch to Internet Explorer 7 Standards modeDeveloper Tools Menu Bar Shortcut Keys
ALT + 8Switch to Internet Explorer 8 Standards modeDeveloper Tools Menu Bar Shortcut Keys
CTRL + SHIFT + 1Resize to 800x600Developer Tools Menu Bar Shortcut Keys
CTRL + SHIFT + 2Resize to 1024x768Developer Tools Menu Bar Shortcut Keys
CTRL + SHIFT + 3Resize to 1280x768Developer Tools Menu Bar Shortcut Keys
CTRL + SHIFT + 4Resize to 1280x1024Developer Tools Menu Bar Shortcut Keys
CTRL + PLUS SIGNAdd AttributeHTML Tab Toolbar Shortcut Keys
CTRL + PLUS SIGNAdd CSS property (while focus is on a property)CSS Tab Toolbar Shortcut Keys
CTRL + PERIODNext function on StackScript Tab Shortcut Keys For Debugger Mode
CTRL + COMMAGo to Call Stack windowScript Tab Shortcut Keys For Debugger Mode
CTRL + 1Select HTML TabJump-To Tab Shortcut Keys
CTRL + 2Select CSS TabJump-To Tab Shortcut Keys
CTRL + 3Select Script TabJump-To Tab Shortcut Keys
CTRL + 4Select Profiler TabJump-To Tab Shortcut Keys
CTRL + BSelect Element by ClickCSS Tab Toolbar Shortcut Keys, Developer Tools Menu Bar Shortcut Keys, HTML Tab Toolbar Shortcut Keys
CTRL + ALT + BGo to Breakpoint windowScript Tab Shortcut Keys For Debugger Mode
CTRL + SHIFT + BBreak allScript Tab Shortcut Keys For Debugger Mode
CTRL + ALT + CGo to Call Stack windowScript Tab Shortcut Keys For Debugger Mode
CTRL + DClear Browser Cache for This DomainDeveloper Tools Menu Bar Shortcut Keys
CTRL + EMove focus to Search BoxSearch Shortcut Keys
CTRL + FFile chooserCSS Tab Toolbar Shortcut Keys
CTRL + GView DOM (Page)Developer Tools Menu Bar Shortcut Keys
CTRL + IView Class and ID InformationDeveloper Tools Menu Bar Shortcut Keys
CTRL + ALT + IGo to Console windowScript Tab Shortcut Keys For Debugger Mode
CTRL + KShow/Hide Color Picker (Toggle)Developer Tools Menu Bar Shortcut Keys
CTRL + LShow/Hide Ruler (Toggle)Developer Tools Menu Bar Shortcut Keys
CTRL + ALT + L (or V)Go to Locals windowScript Tab Shortcut Keys For Debugger Mode
CTRL + MMinimize/Maximize (Toggle)Developer Tools Menu Bar Shortcut Keys
CTRL + ALT + MConsole - toggle between single and multi line modeScript Tab Shortcut Keys For Debugger Mode
CTRL + OAny ElementDeveloper Tools Menu Bar Shortcut Keys
CTRL + SHIFT + OClear OutlinesDeveloper Tools Menu Bar Shortcut Keys
CTRL + PPin/Unpin (Toggle)Developer Tools Menu Bar Shortcut Keys
CTRL + RClear Browser CacheCSS Tab Toolbar Shortcut Keys, Developer Tools Menu Bar Shortcut Keys, HTML Tab Toolbar Shortcut Keys
CTRL + SSaveCSS Tab Toolbar Shortcut Keys, HTML Tab Toolbar Shortcut Keys
CTRL + TView DOM (Element + Styles)Developer Tools Menu Bar Shortcut Keys
CTRL + TView Element source with StyleHTML Tab Toolbar Shortcut Keys
CTRL + ALT + WGo to Watch windowScript Tab Shortcut Keys For Debugger Mode
RETURNConsole - Run Script (in Single Line mode)Script Tab Shortcut Keys For Debugger Mode
CTRL + RETURNConsole - Run Script (in Multi Line mode)Script Tab Shortcut Keys For Debugger Mode

Related Topics

Tags What's this?: Add a tag
Community Content   What is Community Content?
Add new content RSS  Annotations
Processing
© 2008 Microsoft Corporation. All rights reserved. Terms of Use  |  Trademarks  |  Privacy Statement
Page view tracker