Skip to content

Commit

Permalink
Regenerate see-also data
Browse files Browse the repository at this point in the history
  • Loading branch information
@captainbrosset
captainbrosset committed May 28, 2024
1 parent 9f661b6 commit 6e3477a
Showing 1 changed file with 90 additions and 48 deletions.
138 changes: 90 additions & 48 deletions src/data/SEEALSO.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -423,20 +423,20 @@
"link": "/tips/en/copy-element-styles"
},
{
"title": "Drag and drop nodes in the DOM tree",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "Animation showing a node being dragged by the mouse in the DOM tree view of the Elements panel in Edge.",
"src": "../../assets/img/drag-drop-dom-nodes.gif"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/drag-drop-dom-nodes"
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Inspect the user-agent DOM",
"title": "Drag and drop nodes in the DOM tree",
"image": {
"alt": "The Elements tool in Chrome, an input type=range is expanded, showing it's internal user-agent shadow dom",
"src": "../../assets/img/inspect-user-agent-dom.png"
"alt": "Animation showing a node being dragged by the mouse in the DOM tree view of the Elements panel in Edge.",
"src": "../../assets/img/drag-drop-dom-nodes.gif"
},
"link": "/tips/en/inspect-user-agent-dom"
"link": "/tips/en/drag-drop-dom-nodes"
}
],
"copy-element-styles.md": [
Expand Down Expand Up @@ -491,20 +491,20 @@
"link": "/tips/en/copy-element-js-path"
},
{
"title": "Evaluate XPath to find elements in the page",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "The Inspector panel in Firefox showing the search field with an XPath expression.",
"src": "../../assets/img/evaluate-xpath-1.png"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/evaluate-xpath"
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Find DOM elements from the console",
"title": "Evaluate XPath to find elements in the page",
"image": {
"alt": "Firefox's console panel, showing 3 different examples of using the $ and $$ built-in console functions.",
"src": "../../assets/img/query-dom-from-console.png"
"alt": "The Inspector panel in Firefox showing the search field with an XPath expression.",
"src": "../../assets/img/evaluate-xpath-1.png"
},
"link": "/tips/en/query-dom-from-console"
"link": "/tips/en/evaluate-xpath"
}
],
"copy-from-console.md": [
Expand Down Expand Up @@ -541,6 +541,40 @@
"link": "/tips/en/console-table-group-assert"
}
],
"copy-inline-svg-image.md": [
{
"title": "Copy an object from the console",
"image": {
"alt": "Chrome devtools' console with a line of code using the copy() function.",
"src": "../../assets/img/copy-from-console.png"
},
"link": "/tips/en/copy-from-console"
},
{
"title": "Emulate color schemes",
"image": {
"alt": "Firefox, with DevTools open, showing the Inspector tool, with the color scheme buttons",
"src": "../../assets/img/emulate-color-schemes-firefox.png"
},
"link": "/tips/en/emulate-color-schemes"
},
{
"title": "Hide or pin the information tooltip while inspecting page elements",
"image": {
"alt": "Chrome, with a webpage and DevTools opened to the side. The inspect mode is on, the mouse is hovering an element in the webpage, which is highlighted, but the information tooltip is not displayed.",
"src": "../../assets/img/hide-or-pin-inspect-info-tooltip-1.png"
},
"link": "/tips/en/hide-or-pin-inspect-info-tooltip"
},
{
"title": "Inspect DevTools with DevTools",
"image": {
"alt": "Two Chrome DevTools windows, the first one inspects a webpage, the second one inspects the first one",
"src": "../../assets/img/inspect-devtools-with-devtools-chrome.png"
},
"link": "/tips/en/inspect-devtools-with-devtools"
}
],
"copy-rule-as-css-in-js.md": [
{
"title": "Copy an elements styles",
Expand Down Expand Up @@ -1454,20 +1488,20 @@
"link": "/tips/en/copy-from-console"
},
{
"title": "Use the debugger statement to pause script execution",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "The Sources panel in Edge, paused at a debugger statement.",
"src": "../../assets/img/debugger-statement.png"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/debugger-statement"
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Emulate color schemes",
"title": "Use the debugger statement to pause script execution",
"image": {
"alt": "Firefox, with DevTools open, showing the Inspector tool, with the color scheme buttons",
"src": "../../assets/img/emulate-color-schemes-firefox.png"
"alt": "The Sources panel in Edge, paused at a debugger statement.",
"src": "../../assets/img/debugger-statement.png"
},
"link": "/tips/en/emulate-color-schemes"
"link": "/tips/en/debugger-statement"
}
],
"edit-position.md": [
Expand Down Expand Up @@ -1609,12 +1643,12 @@
"link": "/tips/en/copy-from-console"
},
{
"title": "Customize keyboard shortcuts",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "The Settings panel in Microsoft Edge, showing the keyboard shortcut customization screen.",
"src": "../../assets/img/customize-keyboard-shortcuts.png"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/customize-keyboard-shortcuts"
"link": "/tips/en/copy-inline-svg-image"
}
],
"emulate-user-gesture-in-console.md": [
Expand Down Expand Up @@ -1899,12 +1933,12 @@
"link": "/tips/en/find-broken-links"
},
{
"title": "Highlight all the elements that a CSS rule matches",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "Animation showing how hovering over selectors in chrome highlights the matching elements in the page.",
"src": "../../assets/img/highlight-matching-elements.gif"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/highlight-matching-elements"
"link": "/tips/en/copy-inline-svg-image"
}
],
"find-all-images-without-alt-text.md": [
Expand Down Expand Up @@ -2613,20 +2647,20 @@
"link": "/tips/en/see-quick-a11y-info-on-hover"
},
{
"title": "Debug popups that appear on hover",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "The Rendering tool in DevTools, showing the Emulate a focused page option",
"src": "../../assets/img/debug-popups-on-hover.png"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/debug-popups-on-hover"
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Emulate color schemes",
"title": "Debug popups that appear on hover",
"image": {
"alt": "Firefox, with DevTools open, showing the Inspector tool, with the color scheme buttons",
"src": "../../assets/img/emulate-color-schemes-firefox.png"
"alt": "The Rendering tool in DevTools, showing the Emulate a focused page option",
"src": "../../assets/img/debug-popups-on-hover.png"
},
"link": "/tips/en/emulate-color-schemes"
"link": "/tips/en/debug-popups-on-hover"
}
],
"highlight-css-properties-on-hover.md": [
Expand Down Expand Up @@ -2804,20 +2838,20 @@
"link": "/tips/en/extend-devtools"
},
{
"title": "Debug CSS grid areas",
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "Firefox showing a highlighted grid in the page showing the area names, and DevTools below it with the \"display area names\" option checked.",
"src": "../../assets/img/debug-grid-areas.png"
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/debug-grid-areas"
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Debug popups that appear on hover",
"title": "Debug CSS grid areas",
"image": {
"alt": "The Rendering tool in DevTools, showing the Emulate a focused page option",
"src": "../../assets/img/debug-popups-on-hover.png"
"alt": "Firefox showing a highlighted grid in the page showing the area names, and DevTools below it with the \"display area names\" option checked.",
"src": "../../assets/img/debug-grid-areas.png"
},
"link": "/tips/en/debug-popups-on-hover"
"link": "/tips/en/debug-grid-areas"
}
],
"inspect-user-agent-dom.md": [
Expand Down Expand Up @@ -3026,6 +3060,14 @@
},
"link": "/tips/en/copy-from-console"
},
{
"title": "Copy an inline SVG image's source code",
"image": {
"alt": "Copying the SVG source code in Edge DevTools",
"src": "../../assets/img/copy-inline-svg-image.png"
},
"link": "/tips/en/copy-inline-svg-image"
},
{
"title": "Zoom the DevTools UI to your liking",
"image": {
Expand Down

0 comments on commit 6e3477a

Please sign in to comment.