From 07fa028ce11323476cdd36bd79b040f133793c6d Mon Sep 17 00:00:00 2001 From: Richard Bloor Date: Sun, 23 Jul 2023 22:29:52 +1200 Subject: [PATCH 1/2] Extend the developer tools update --- .../extending_the_developer_tools/index.md | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md b/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md index 38c55bcd2b90d83..d98647d966d0d82 100644 --- a/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md @@ -6,8 +6,6 @@ page-type: guide {{AddonSidebar}} -> **Note:** This page describes devtools APIs as they exist in Firefox 55. Although the APIs are based on the [Chrome devtools APIs](https://developer.chrome.com/docs/extensions/mv3/devtools/), there are still many features that are not yet implemented in Firefox, and therefore are not documented here. To see which features are currently missing please see [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 [manifest.json](/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json): ```json @@ -121,18 +119,6 @@ If you need to exchange messages between the content scripts running in the targ 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: From d274a3d0c6532eb72eefcf1267ec35e71e4abead Mon Sep 17 00:00:00 2001 From: Richard Bloor Date: Fri, 28 Jul 2023 10:15:57 +1200 Subject: [PATCH 2/2] Update post devtools.panels update --- .../extending_the_developer_tools/index.md | 17 ----------------- 1 file changed, 17 deletions(-) diff --git a/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md b/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md index d98647d966d0d82..b926d818d664645 100644 --- a/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md +++ b/files/en-us/mozilla/add-ons/webextensions/extending_the_developer_tools/index.md @@ -115,23 +115,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.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: