• Skip to main content
  • Skip to search
  • Skip to select language

Learn front-end development with high quality, interactive courses from Scrimba. Enroll now!

MDN Web Docs
  • References
    • Overview / Web Technology

      Web technology reference for developers

    • HTML

      Structure of content on the web

    • CSS

      Code used to describe document style

    • JavaScript

      General-purpose scripting language

    • HTTP

      Protocol for transmitting web resources

    • Web APIs

      Interfaces for building web applications

    • Web Extensions

      Developing extensions for web browsers

    • Accessibility

      Build web projects usable for all

    • Web Technology

      Web technology reference for developers

  • Learn
    • Overview / MDN Learning Area

      Learn web development

    • MDN Learning Area

      Learn web development

    • HTML

      Learn to structure web content with HTML

    • CSS

      Learn to style content using CSS

    • JavaScript

      Learn to run scripts in the browser

    • Accessibility

      Learn to make the web accessible to all

  • Plus
    • Overview

      A customized MDN experience

    • AI Help

      Get real-time assistance and support

    • Updates

      All browser compatibility updates at a glance

    • Documentation

      Learn how to use MDN Plus

    • FAQ

      Frequently asked questions about MDN Plus

  • Curriculum New
  • Blog
    • Playground

      Write, test and share your code

    • HTTP Observatory

      Scan a website for free

    • AI Help

      Get real-time assistance and support

  • Log in
  • Sign up for free
  1. Mozilla
  2. Add-ons
  3. Browser extensions
  4. JavaScript APIs
  5. devtools
  6. devtools.panels
  7. devtools.panels.elements
    • Is this useful?
    • Deutsch
    • Français

In this article

  • Browser compatibility
  1. Browser extensions
  2. Getting started
    1. What are extensions?
    2. Your first extension
    3. Your second extension
    4. Anatomy of an extension
    5. Example extensions
    6. What next?
  3. Concepts
    1. JavaScript APIs
    2. Content scripts
    3. Background scripts
    4. Match patterns
    5. Work with files
    6. Internationalization
    7. Content Security Policy
    8. Native messaging
    9. Differences between API implementations
    10. Chrome incompatibilities
  4. User interface
    1. User interface
    2. Toolbar button
    3. Address bar button
    4. Sidebars
    5. Context menu items
    6. Options page
    7. Extension pages
    8. Notifications
    9. Address bar suggestions
    10. devtools panels
  5. How to
    1. Intercept HTTP requests
    2. Modify a web page
    3. Insert external content
    4. Share objects with page scripts
    5. Add a button to the toolbar
    6. Implement a settings page
    7. Work with the Tabs API
    8. Work with the Bookmarks API
    9. Work with the Cookies API
    10. Work with contextual identities
    11. Interact with the clipboard
    12. Extend the developer tools
    13. Build a cross-browser extension
  6. JavaScript APIs
    1. Browser support for JavaScript APIs
    2. action
    3. alarms
    4. bookmarks
    5. browserAction
    6. browserSettings
    7. browsingData
    8. captivePortal
    9. clipboard
    10. commands
    11. contentScripts
    12. contextualIdentities
    13. cookies
    14. declarativeNetRequest
    15. devtools
    16. dns
    17. dom
    18. downloads
    19. events
    20. extension
    21. extensionTypes
    22. find
    23. history
    24. i18n
    25. identity
    26. idle
    27. management
    28. menus
    29. notifications
    30. omnibox
    31. pageAction
    32. permissions
    33. pkcs11
    34. privacy
    35. proxy
    36. runtime
    37. scripting
    38. search
    39. sessions
    40. sidebarAction
    41. storage
    42. tabs
    43. theme
    44. topSites
    45. types
    46. userScripts
    47. userScripts (Legacy)
    48. webNavigation
    49. webRequest
    50. windows
  7. Manifest keys
    1. action
    2. author
    3. background
    4. browser_action
    5. browser_specific_settings
    6. chrome_settings_overrides
    7. chrome_url_overrides
    8. commands
    9. content_scripts
    10. content_security_policy
    11. declarative_net_request
    12. default_locale
    13. description
    14. developer
    15. devtools_page
    16. dictionaries
    17. externally_connectable
    18. homepage_url
    19. host_permissions
    20. icons
    21. incognito
    22. manifest_version
    23. name
    24. offline_enabled Deprecated
    25. omnibox
    26. optional_host_permissions
    27. optional_permissions
    28. options_page Deprecated
    29. options_ui
    30. page_action
    31. permissions
    32. protocol_handlers
    33. short_name
    34. sidebar_action
    35. storage
    36. theme
    37. theme_experiment
    38. user_scripts
    39. version
    40. version_name
    41. web_accessible_resources
  8. Extension Workshop
    1. Develop
    2. Publish
    3. Manage
    4. Enterprise
  9. Contact us
  10. Channels
    1. Add-ons blog
    2. Add-ons forum
    3. Add-ons chat

In this article

  • Browser compatibility

devtools.panels.elements

An ElementsPanel object, which represents the browser's HTML/CSS inspector.

Browser compatibility

Note: This API is based on Chromium's chrome.devtools.panels API.

Help improve MDN

Learn how to contribute.

This page was last modified on Sep 1, 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content
MDN logo

Your blueprint for a better internet.

  • MDN on Bluesky
  • MDN on Mastodon
  • MDN on X (formerly Twitter)
  • MDN on GitHub
  • MDN Blog RSS Feed

MDN

  • About
  • Blog
  • Careers
  • Advertise with us

Support

  • Product help
  • Report an issue

Our communities

  • MDN Community
  • MDN Forum
  • MDN Chat

Developers

  • Web Technologies
  • Learn Web Development
  • MDN Plus
  • Hacks Blog
  • Website Privacy Notice
  • Cookies
  • Legal
  • Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2025 by individual mozilla.org contributors. Content available under a Creative Commons license.