Skip to content

Commit 5b9d78f

Browse files
committed
Adding Media Explorer Explainer
1 parent 66a68a4 commit 5b9d78f

File tree

4 files changed

+6
-10
lines changed

4 files changed

+6
-10
lines changed

explainers/MediaExplorer/explainer.md

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,14 @@ A common use case of the web is to download images and videos displayed in web p
1515

1616
There are numerous browser extensions and software packages that allow you to do grab and download media from web pages. Many come with a subscription and as this is a common demand there is also a fair share of malware in this area. As the media of any web site is already downloaded to the user's browser cache and DevTools can analyse the product's source for links to media this feature would make extensions like these obsolete and offer a safer option for users.
1717

18-
All the functionality of the media explorer is available using existing tools in DevTools, but it needs developer skills to use them.
18+
All the functionality of the media explorer is available using existing tools in DevTools, but it needs developer skills to use them.
1919

2020
* The Network Tool allows you to access and download media in the current document.
2121
* The Elements and Console tool to analyse the structure of a document and get a list of all the media in the current document and links to more.
2222

2323
The media explorer tool makes this easier for users not familiar with the Network tool or how web sites are structured.
2424

25-
### Goals
25+
### Goals
2626

2727
The media explorer helps users to:
2828

@@ -35,22 +35,18 @@ The media explorer helps users to:
3535

3636
When opening DevTools on a document, the user can switch to the media explorer to see links to all the videos and images in the current document.
3737

38-
![The Media explorer tool inside Devtools]()
38+
![The Media explorer tool inside Devtools](media-explorer.png)
3939

4040
Clicking any of these will open a preview of the media with information about size and availability.
4141

42-
![List of all the media found in the current document]()
43-
44-
![Previewing an image in the media explorer]()
42+
![Previewing an image in the media explorer](media-explorer-preview.png)
4543

4644
Users can download individual files or select more than one and get a zip file of all of them.
4745

48-
![Selecting several media types]()
49-
5046
Alternatively, the Media Explorer could also be used as part of the side bar experience without any need to open developer tools.
5147

52-
![The media explorer as an edge sidebar experience]()
48+
![The media explorer as an Edge Sidebar experience](media-explorer-sidebar.png)
5349

5450
## Feedback
5551

56-
Have feedback? We want to hear it! *[Issue #123](link to issue announcing explainer, which will need to be added after first commit)* tracks community feedback on this explainer.
52+
Have feedback? We want to hear it!
Loading
Loading
1.07 MB
Loading

0 commit comments

Comments
 (0)