• Skip to main content
  • Skip to search
  • Skip to select language
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 Technology

      Web technology reference for developers

  • Guides
    • 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

  • MDN Plus
    • Overview

      More MDN. Your MDN.

    • FAQ

      Frequently asked questions about MDN Plus

  • Already a subscriber?
  • Get MDN Plus
  1. Mozilla
  2. Add-ons
  3. Browser Extensions
  4. JavaScript APIs
  5. devtools
  6. devtools.panels
  7. devtools.panels.elements

In this article

  • Browser compatibility

Related Topics

  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. Using the JavaScript APIs
    2. Content scripts
    3. Background scripts
    4. Match patterns
    5. Working 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. Developer tools 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. Build a cross-browser extension
  6. Firefox differentiators
  7. 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. devtools
      1. dns
      2. downloads
      3. events
      4. extension
      5. extensionTypes
      6. find
      7. history
      8. i18n
      9. identity
      10. idle
      11. management
      12. menus
      13. notifications
      14. omnibox
      15. pageAction
      16. permissions
      17. pkcs11
      18. privacy
      19. proxy
      20. runtime
      21. scripting
      22. search
      23. sessions
      24. sidebarAction
      25. storage
      26. tabs
      27. theme
      28. topSites
      29. types
      30. userScripts
      31. webNavigation
      32. webRequest
      33. windows
    15. Manifest keys
      1. Introduction
      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. default_locale
      12. description
      13. developer
      14. devtools_page
      15. dictionaries
      16. externally_connectable
      17. homepage_url
      18. host_permissions
      19. icons
      20. incognito
      21. manifest_version
      22. name
      23. offline_enabled
      24. omnibox
      25. optional_permissions
      26. options_page
      27. options_ui
      28. page_action
      29. permissions
      30. protocol_handlers
      31. short_name
      32. sidebar_action
      33. storage
      34. theme
      35. theme_experiment
      36. user_scripts
      37. version
      38. version_name
      39. web_accessible_resources
    16. Extension Workshop
      1. Develop
      2. Publish
      3. Manage
      4. Enterprise
    17. Contact us
    18. 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

    BCD tables only load in the browser

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

    Found a problem with this page?

    • Edit on GitHub
    • Source on GitHub
    • Report a problem with this content on GitHub
    • Want to fix the problem yourself? See our Contribution guide.

    Last modified: Apr 21, 2022, by MDN contributors

    MDN logo

    Your blueprint for a better internet.

    • MDN on Twitter
    • MDN on GitHub

    MDN

    • About
    • Hacks Blog
    • Careers

    Support

    • Product help
    • Report a page issue
    • Report a site issue

    Our communities

    • MDN Community
    • MDN Forum
    • MDN Chat

    Developers

    • Web Technologies
    • Learn Web Development
    • MDN Plus
    Mozilla logo
    • 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–2022 by individual mozilla.org contributors. Content available under a Creative Commons license.