From 6e3477a624eb7d05a84ded6fc64dd44e7c4e32e3 Mon Sep 17 00:00:00 2001 From: captainbrosset Date: Tue, 28 May 2024 20:03:33 +0000 Subject: [PATCH] Regenerate see-also data --- src/data/SEEALSO.json | 138 +++++++++++++++++++++++++++--------------- 1 file changed, 90 insertions(+), 48 deletions(-) diff --git a/src/data/SEEALSO.json b/src/data/SEEALSO.json index 39fb4b5b..603de9b3 100644 --- a/src/data/SEEALSO.json +++ b/src/data/SEEALSO.json @@ -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": [ @@ -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": [ @@ -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", @@ -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": [ @@ -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": [ @@ -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": [ @@ -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": [ @@ -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": [ @@ -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": {