You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/customize/extensions.md
+8-6Lines changed: 8 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -10,25 +10,27 @@ ms.date: 07/18/2023
10
10
---
11
11
# Add custom UI to DevTools using extensions
12
12
13
-
In addition to the tools available in Microsoft Edge DevTools, you can add new tools by installing Microsoft Edge extensions, or build your own extensions for your specific use cases. Edge Add-ons extensions often extend the Microsoft Edge user interface with new buttons and panels, but can also extend DevTools, within Microsoft Edge, by adding new tool tabs in the **Activity Bar**.
13
+
In addition to the tools available in Microsoft Edge DevTools, you can add new tools by installing Microsoft Edge extensions, or build your own extensions for your specific use cases. A Microsoft Edge extension often extends the Microsoft Edge user interface with new buttons and panels, but can also extend DevTools within Microsoft Edge, by adding a new tool tab in the **Activity Bar**.
The Edge Add-ons website has a **Developer tools** category that contains extensions that typically extend DevTools. See the [Developer tools category](https://microsoftedge.microsoft.com/addons/category/Developer-Tools)on the Edge Add-ons website.
19
+
The [Developer tools](https://microsoftedge.microsoft.com/addons/category/Developer-Tools)category at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/) contains extensions that typically extend DevTools.
20
20
21
-
There is no way to know if an extension extends the DevTools **Activity Bar**, without running it or looking at its source code, but the **Developer tools** category of the Edge Add-ons website is a good place to look.
21
+
There is no way to know whether an extension extends the DevTools **Activity Bar**, without running it or looking at its source code, but the **Developer tools** category at Microsoft Edge Add-ons is a good place to look.
To install an Edge Add-ons extension that extends DevTools:
27
+
To install a Microsoft Edge extension that extends DevTools:
28
28
29
-
1. Go to the [Edge Add-ons](https://microsoftedge.microsoft.com/addons/) website, such as the [Developer tools category](https://microsoftedge.microsoft.com/addons/category/Developer-Tools), and go to the extension you want to install. For example, go to the [React Developer Tools](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) extension:
29
+
1. Go to [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/), such as the [Developer tools](https://microsoftedge.microsoft.com/addons/category/Developer-Tools) category, and go to the extension you want to install.
30
30
31
-

31
+
For example, go to the [React Developer Tools](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) extension, which is the example used for the steps below:
32
+
33
+

32
34
33
35
1. Click the **Get** button. An installation dialog opens, **Add \<extension name\> to Microsoft Edge?**
Copy file name to clipboardExpand all lines: microsoft-edge/devtools-guide-chromium/whats-new/2023/08/devtools-116.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -42,7 +42,7 @@ See also:
42
42
Prior to Microsoft Edge 116, if you were in Focus Mode while using the React Developer Tools extension, the state of a tool in DevTools wasn't maintained when you switched to another tool and then switched back. This issue has been fixed.
43
43
44
44
See also:
45
-
*[React Developer Tools](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil)- extension at the Edge Add-ons store
45
+
*[React Developer Tools](https://microsoftedge.microsoft.com/addons/detail/react-developer-tools/gpphkfbcpidddadnkolkpfckpihlkkil) extension at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/).
46
46
*[What's New entries about Focus Mode](/search/?scope=Microsoft%20Edge&terms=focus%20mode)
Copy file name to clipboardExpand all lines: microsoft-edge/extensions-chromium/developer-guide/alternate-distribution-options.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Alternative ways to distribute an extension
3
-
description: How to distribute extensions using alternate methods that don't use verified stores.
3
+
description: How to distribute a Microsoft Edge extension by using alternate methods that don't use verified browser extension stores.
4
4
author: MSEdgeTeam
5
5
ms.author: msedgedevrel
6
6
ms.topic: conceptual
@@ -14,13 +14,13 @@ ms.date: 05/05/2023
14
14
per https://developer.chrome.com/docs/extensions/how-to/distribute/install-extensions
15
15
-->
16
16
17
-
Generally, extensions are distributed through the Microsoft Edge Add-ons website. There are some scenarios where developers may need to distribute extensions using alternate methods. For example:
17
+
Generally, a Microsoft Edge extension is distributed by publishing it at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/). There are some scenarios where you might need to distribute an extension by using alternate methods. For example:
18
18
19
19
1. The extension is associated with other software, and it should be installed together with the rest of the bundled software.
20
20
21
21
1. Network administrators want to distribute an extension throughout their organization.
22
22
23
-
Extensions that aren't loaded from the Edge Add-ons store are referred to as _externally installed extensions_. The following are alternate methods of distributing externally installed extensions:
23
+
Extensions that aren't loaded from Microsoft Edge Add-ons are called _externally installed extensions_. The following are alternate methods of distributing externally installed extensions:
Make sure that you publish your extension in the Microsoft Edge Add-ons website<!-- todo: but Intro says: "Generally, extensions are distributed through the Microsoft Edge Add-ons website. There are some scenarios where developers may need to distribute extensions using alternate methods."-->, or package a `.crx` file and ensure that it installs successfully on your computer. If you install the `.crx` file using the `update_url`, make sure you can go to your extension at that URL.
37
+
Make sure that you publish your extension at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/)<!-- todo: but Intro says other scenarios -->, or package a `.crx` file and ensure that it installs successfully on your computer. If you install the `.crx` file using the `update_url`, make sure you can go to your extension at that URL.
38
38
39
39
Also, make sure that you have the following information:
40
40
@@ -44,7 +44,7 @@ Also, make sure that you have the following information:
44
44
45
45
* The ID of your extension. The ID information is available in Microsoft Edge at `edge://extensions` after you load the packed extension.
46
46
47
-
The following examples use `1.0` as the version, and `aaaaaaaabbbbbbbbccccccccdddddddd` for the ID.
47
+
The following examples use `1.0` as the version, and `aaaaaaaabbbbbbbbccccccccdddddddd` for the ID. This ID is the CRX ID, which is a unique 32-character code which is the letters that are present at the end of your extension's URL. This ID is generated automatically, and it cannot be customized.
@@ -58,7 +58,7 @@ To distribute your extension using the Windows registry:
58
58
59
59
1. Create a new key, or folder, under **Extensions** with the same name as the ID of your extension. For example, create the key with the name `aaaaaaaabbbbbbbbccccccccdddddddd`.
60
60
61
-
1. In the **Extensions** key, create the `update_url` property, and set the value to `https://edge.microsoft.com/extensionwebstorebase/v1/crx`. The `update_url` property points to the `.crx` file of your extension in the Microsoft Edge Add-ons website.
61
+
1. In the **Extensions** key, create the `update_url` property, and set the value to `https://edge.microsoft.com/extensionwebstorebase/v1/crx`. The `update_url` property points to the `.crx` file of your extension at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/).
62
62
63
63
```json
64
64
{
@@ -80,7 +80,7 @@ To distribute your extension by using a preferences JSON file:
80
80
81
81
1. Create a JSON file where the name of the file corresponds to the ID of your extension. For example, create a JSON file with the file name `aaaaaaaabbbbbbbbccccccccdddddddd.json`.
82
82
83
-
The name of the preferences JSON file is your Microsoft Edge extension's CRX ID, followed by a `.json` extension. The CRX ID is a unique 32-character code which is the letters that are present at the end of your extension's URL.
83
+
The name of the preferences JSON file is your Microsoft Edge extension's CRX ID, followed by a `.json` extension. The CRX ID is a unique 32-character code which is the letters that are present at the end of your extension's URL. This ID is generated automatically, and it cannot be customized.
84
84
85
85
1. Depending on your operating system, save the JSON file to one of the following folders:
86
86
@@ -122,7 +122,7 @@ To distribute your extension by using a preferences JSON file:
122
122
}
123
123
```
124
124
125
-
* Copy the following code to your preferences JSON file when installing from the Microsoft Edge Add-ons website on macOS and Linux:
125
+
* Copy the following code to your preferences JSON file when installing from [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/) on macOS and Linux:
Copy file name to clipboardExpand all lines: microsoft-edge/extensions-chromium/developer-guide/api-support.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -133,4 +133,4 @@ This work is licensed under a [Creative Commons Attribution 4.0 International Li
133
133
134
134
*[Chrome Extensions API reference for Manifest V2](https://developer.chrome.com/docs/extensions/mv2/reference/)
135
135
*[Chrome Extensions API reference for Manifest V3](https://developer.chrome.com/docs/extensions/reference/api/)
136
-
*[Using the REST API for updating Microsoft Edge Add-ons](../update/api/using-addons-api.md) - to update an extension at the Microsoft Edge Add-ons website.
136
+
*[Use the REST API to update an extension at Microsoft Edge Add-ons](../update/api/using-addons-api.md) - to update an extension at [Microsoft Edge Add-ons](https://microsoftedge.microsoft.com/addons/).
Copy file name to clipboardExpand all lines: microsoft-edge/extensions-chromium/developer-guide/csp.md
+4-6Lines changed: 4 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Using Content Security Policy (CSP) to control which resources can be run
3
-
description: Using Content Security Policy (CSP) to control which resources can be loaded and run by a Microsoft Edge add-on.
3
+
description: Using Content Security Policy (CSP) to control which resources can be loaded and run by a Microsoft Edge extension.
4
4
author: MSEdgeTeam
5
5
ms.author: msedgedevrel
6
6
ms.topic: conceptual
@@ -249,17 +249,15 @@ Currently, you can allowlist origins that have the following schemes: `blob`, `f
249
249
250
250
For development ease, resources loaded over HTTP from servers on your local machine can be `allowlisted`. You can allowlist script and object sources on any port of either `http://127.0.0.1` or `http://localhost`.
251
251
252
-
> [!NOTE]
253
-
> The restriction against resources loaded over HTTP applies only to those resources which are directly run. You are still free, for example, to make `XMLHTTPRequest` connections to any origin you like; the default policy doesn't restrict `connect-src` or any of the other CSP directives in any way.
252
+
The restriction against resources loaded over HTTP applies only to those resources which are directly run. You are still free, for example, to make `XMLHTTPRequest` connections to any origin you like; the default policy doesn't restrict `connect-src` or any of the other CSP directives in any way.
254
253
255
254
A relaxed policy definition which allows script resources to be loaded from `example.com` over HTTPS may look like:
> Both `script-src` and `object-src` are defined by the policy. Microsoft Edge doesn't accept a policy that doesn't limit each of these values to (at least) '`self`'.
260
+
Both `script-src` and `object-src` are defined by the policy. Microsoft Edge doesn't accept a policy that doesn't limit each of these values to (at least) '`self`'.
263
261
264
262
<!-- Making use of Google Analytics is the canonical example for this sort of policy definition. It is common enough that an Analytics boilerplate of sorts is provided in the Event Tracking with Google Analytics sample extension, and a brief tutorial that goes into more detail. -->
265
263
@@ -297,7 +295,7 @@ DOM injected scripts that run immediately upon injection into the page run as yo
297
295
document.write("<script>alert(1);</script>");
298
296
```
299
297
300
-
This content script causes an `alert` immediately upon the `document.write()`. Note that this runs regardless of the policy a page specifies. However, the behavior becomes more complicated both inside that DOM injected script and for any script that doesn't immediately run upon injection.
298
+
This content script causes an `alert` immediately upon the `document.write()`. This<!-- todo: script? alert? -->runs regardless of the policy that a page specifies. However, the behavior becomes more complicated both inside that DOM injected script and for any script that doesn't immediately run upon injection.
301
299
302
300
Imagine that your extension is running on a page that provides an associated CSP that specifies `script-src 'self'`. Now imagine the content script runs the following code:
Copy file name to clipboardExpand all lines: microsoft-edge/extensions-chromium/developer-guide/declare-permissions.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -74,7 +74,7 @@ The following table lists the currently available permission strings to use in y
74
74
|:--- |:--- |
75
75
|`activeTab`| Requests that the extension is granted permissions according to the `activeTab` specification. |
76
76
|`alarms`| Gives your extension access to the `chrome.alarms` API. |
77
-
|`background`| Makes Microsoft Edge start up early and shut down late, so that extensions may have a longer life. <br/>When any installed extension has `background` permission, Microsoft Edge runs invisibly as soon as the user logs into the user's computer, and before the user launches Microsoft Edge. The `background` permission also makes Microsoft Edge continue running, even after its last window is closed, until the user explicitly quits Microsoft Edge. <br/>**Note:**Disabled extensions are treated as if they aren't installed. <br/>You should use the `background` permission with [background scripts](https://developer.chrome.com/docs/extensions/mv3/background_pages/).|
77
+
|`background`| Makes Microsoft Edge start up early and shut down late, so that extensions may have a longer life. <br/>When any installed extension has `background` permission, Microsoft Edge runs invisibly as soon as the user logs into the user's computer, and before the user launches Microsoft Edge. The `background` permission also makes Microsoft Edge continue running, even after its last window is closed, until the user explicitly quits Microsoft Edge. <br/>Disabled extensions are treated as if they aren't installed. <br/>You should use the `background` permission with [background scripts](https://developer.chrome.com/docs/extensions/mv3/background_pages/).|
78
78
|`bookmarks`| Gives your extension access to the `chrome.bookmarks` API. |
79
79
|`browsingData`| Gives your extension access to the `chrome.browsingData` API. |
80
80
|`certificateProvider`| Gives your extension access to the `chrome.certificateProvider` API. |
Copy file name to clipboardExpand all lines: microsoft-edge/extensions-chromium/developer-guide/manifest-v3.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -49,7 +49,7 @@ Chromium has revised the timelines for ending support for Manifest V2. See:
49
49
50
50
To help you plan the migration of your extension from Manifest V2 to Manifest V3, consider the following schedule for support for Manifest V2 and V3 in Microsoft Edge and Microsoft Partner Center.
51
51
52
-
The Microsoft Edge team will independently decide on MV3 migration timelines for Microsoft Edge Add-ons and share an update here. We continue to analyze the concerns raised by extension developers and explore the optimal path for the Microsoft Edge Add-ons ecosystem. Meanwhile, to plan the migration of your extension from Manifest V2 to Manifest V3, see [Manifest timeline for the Chromium browser engine](#manifest-timeline-for-the-chromium-browser-engine), above.
52
+
The Microsoft Edge team will independently decide on MV3 migration timelines for Microsoft Edge extensions and share an update here. We continue to analyze the concerns raised by extension developers and explore the optimal path for the Microsoft Edge extensions ecosystem. Meanwhile, to plan the migration of your extension from Manifest V2 to Manifest V3, see [Manifest timeline for the Chromium browser engine](#manifest-timeline-for-the-chromium-browser-engine), above.
53
53
54
54
55
55
**The Microsoft Edge team is currently in the process of updating this MV3 migration timeline.**
0 commit comments