Chrome DevTools

Edit the element as HTML

F2

Windows Web app Chrome DevTools

Practice this

In Chrome DevTools, F2 will edit the element as HTML. It is listed for Windows, and no Mac version is documented here. It works in the browser version.

Where it works: Elements panel

Google's Mac entry uses the Fn key, which this catalog cannot model, so no Mac keys are shown.

Where this comes from

Keyboard shortcuts - Chrome DevTools - Chrome for Developers

Documentation checked on 2026-09-14. That is a documentation review, not a test run inside the application.

More Chrome DevTools shortcuts

Pause or resume script execution F8
Step over the next function call F10
Step into the next function call F11
Step out of the current function Shift + F11
Save changes to the file Cmd + S
Save every change Cmd + Option + S
Go to a line Ctrl + G
Go to a function or rule set Cmd + Shift + O

See every Chrome DevTools shortcut

Report a correction