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

    • 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

  • Play New
  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
  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
      1. Properties
        1. inspectedWindow
        2. network
        3. panels
    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. webNavigation
    48. webRequest
    49. windows
  7. Manifest keys
    1. manifest.json
    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
    25. omnibox
    26. optional_permissions
    27. options_page
    28. options_ui
    29. page_action
    30. permissions
    31. protocol_handlers
    32. short_name
    33. sidebar_action
    34. storage
    35. theme
    36. theme_experiment
    37. user_scripts
    38. version
    39. version_name
    40. 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.

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.
Want to get more involved? Learn how to contribute.

This page was last modified on Mar 7, 2023 by MDN contributors.

webdocs.dev
  • GitHub

Support

  • Report an issue

Our communities

  • Discord

Developers

  • Web Technologies
  • Learn Web Development

Portions of this content are ©1998–2025 by individual contributors. Content available under a Creative Commons license.