Use the Page Inspector to examine and modify the HTML and CSS of a page.
You can examine pages loaded in the local copy of Firefox or in a remote target such as Firefox for Android. See remote debugging to learn how to connect the developer tools to a remote target.
User Interface Tour
To find your way around the Inspector, here's a quick tour of the UI.
How to
To find out what you can do with the Inspector, see the following how to guides:
- Open the Inspector
- Examine and edit HTML
- Examine and edit the box model
- Inspect and select colors
- Reposition elements in the page
- View fonts
- Visualize transforms
- Use the Inspector API
- Select an element
- Examine and edit CSS
- Examine event listeners
- Work with animations
- Edit CSS filters
- View background images
- Use the Inspector from the Web Console
- Examine CSS grid layouts
Reference
Document Tags and Contributors
Tags:
Contributors to this page:
wbamberg,
faridatcemlulaqbayli,
dvincent,
joshyule,
TomasDariusDavainis,
Peterhausen,
zannatulbaki,
DevAsh,
ernestgsm,
marjunmank,
Bayrmali,
MarufSharia,
sylvestre,
mahdi10539,
nuzirwanandy,
EmilyG,
fscholz,
bander139,
guigs,
AmberDawn,
pbrosset,
Ersok,
Delapouite,
maher,
ratcliffe_mike,
harth,
Luke314,
Timmi,
yehia,
dangoor,
kdangoor,
tw2113,
Sheppy,
iain,
tregagnon,
yyss
Last updated by:
wbamberg,