• Skip to main content
  • Skip to search
  • Skip to select language
    • Technologies Overview
    • HTML
    • CSS
    • JavaScript
    • Graphics
    • HTTP
    • APIs
    • Browser Extensions
    • MathML
    • Learn web development
    • Tutorials
    • References
    • Developer Guides
    • Accessibility
    • Game development
    • ...more docs
    • Send Feedback
    • Contribute to MDN
    • Report a content issue 🌐
    • Report a platform issue 🌐
  1. Mozilla
  2. Add-ons
  3. Browser Extensions
  4. JavaScript APIs
  5. devtools
  6. devtools.panels
  7. devtools.panels.elements
  • Change language

Table of contents

  • 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

Acknowledgements

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: May 31, 2021, by MDN contributors

Change your language

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. Match patterns
    4. Working with files
    5. Internationalization
    6. Content Security Policy
    7. Native messaging
    8. Differences between API implementations
    9. 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. Build a cross-browser extension
  6. Firefox differentiators
  7. JavaScript APIs
    1. Browser support for JavaScript APIs
    2. alarms
    3. bookmarks
    4. browserAction
    5. browserSettings
    6. browsingData
    7. captivePortal
    8. clipboard
    9. commands
    10. contentScripts
    11. contextualIdentities
    12. cookies
    13. 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. search
      22. sessions
      23. sidebarAction
      24. storage
      25. tabs
      26. theme
      27. topSites
      28. types
      29. userScripts
      30. webNavigation
      31. webRequest
      32. windows
    14. Manifest keys
      1. author
      2. background
      3. browser_action
      4. browser_specific_settings
      5. chrome_settings_overrides
      6. chrome_url_overrides
      7. commands
      8. content_scripts
      9. content_security_policy
      10. default_locale
      11. description
      12. developer
      13. devtools_page
      14. dictionaries
      15. externally_connectable
      16. homepage_url
      17. icons
      18. incognito
      19. manifest_version
      20. name
      21. offline_enabled
      22. omnibox
      23. optional_permissions
      24. options_page
      25. options_ui
      26. page_action
      27. permissions
      28. protocol_handlers
      29. short_name
      30. sidebar_action
      31. storage
      32. theme
      33. theme_experiment
      34. user_scripts
      35. version
      36. version_name
      37. web_accessible_resources
    15. Extension Workshop
      1. Develop
      2. Publish
      3. Manage
      4. Enterprise
    16. Contact us
    17. Channels
      1. Add-ons blog
      2. Add-ons forum
      3. Add-ons chat
    • Web Technologies
    • Learn Web Development
    • About MDN
    • Feedback
    • About
    • MDN Web Docs Store
    • Contact Us
    • Firefox

    MDN

    • MDN on Twitter
    • MDN on Github

    Mozilla

    • Mozilla on Twitter
    • Mozilla on Instagram

    © 2005-2021 Mozilla and individual contributors. Content is available under these licenses.

    • Terms
    • Privacy
    • Cookies