Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Remove browser-specific references in "Extend the developer tools" article #28132

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
+0 −32
Open

Remove browser-specific references in "Extend the developer tools" article #28132

Changes from 4 commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
07fa028
Extend the developer tools update
rebloor Jul 23, 2023
d274a3d
Update post devtools.panels update
rebloor Jul 27, 2023
d4688bf
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Jul 27, 2023
497ca6a
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Aug 10, 2023
94afec5
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Jul 26, 2024
a5b9bc3
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Aug 1, 2024
77f4c99
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Sep 2, 2024
9cde701
Merge branch 'main' into extend-the-developer-tools-updatee
rebloor Sep 13, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 0 additions & 31 deletions files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,6 @@ page-type: guide

{{AddonSidebar}}

> **Note:** This page describes the devtools APIs in Firefox 55. Although the APIs are based on the [Chrome devtools APIs](https://developer.chrome.com/docs/extensions/mv3/devtools/), Firefox does not implement all those features; therefore, not all features are documented here. To see which features are missing, refer to [Limitations of the devtools APIs](#limitations_of_the_devtools_apis).

You can use WebExtensions APIs to extend the browser's built-in developer tools. To create a devtools extension, include the "[devtools_page](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/devtools_page)" key in your [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json) file:

```json
Expand Down Expand Up @@ -119,35 +117,6 @@ If you need to exchange messages between the content scripts running in the targ

![The background page tab ID is connected to the content script on the content page by a runtime.sendmessage() object. The Port of the background page is connected to the port of the Devtools document by a port.postMessage() object.](devtools-content-scripts.png)

## Limitations of the devtools APIs

These APIs are based on the Chrome devtools APIs, but many features are still missing, compared with Chrome. This section lists the features that are still not implemented, as of Firefox 54. Note that the devtools APIs are under active development and we expect to add support for most of them in future releases.

### devtools.inspectedWindow

The following are not supported:

- `inspectedWindow.getResources()`
- `inspectedWindow.onResourceAdded`
- `inspectedWindow.onResourceContentCommitted`

None of the options to `inspectedWindow.eval()` are supported.

Scripts injected using `inspectedWindow.eval()` can't use all the Console's command-line helper functions, but `$0` and `inspect()` are both supported (starting from Firefox 55).

### devtools.panels

The following are not supported:

- `panels.elements`
- `panels.sources`
- `panels.setOpenResourceHandler()`
- `panels.openResource()`
- `panels.ExtensionPanel.createStatusBarButton()`
- `panels.Button`
- `panels.ElementsPanel`
- `panels.SourcesPanel`

## Examples

The [webextensions-examples](https://github.com/mdn/webextensions-examples) repo on GitHub, contains several examples of extensions that use devtools panels:
Expand Down