|
| 1 | +### YamlMime:Landing |
| 2 | +# landing page for Extensions portion of docset |
| 3 | +title: Microsoft Edge Extensions documentation |
| 4 | +summary: Develop an extension (add-on) for Microsoft Edge. |
| 5 | + |
| 6 | +metadata: |
| 7 | + # title: default to root title above. # Required; page title displayed in search results. Include the brand. < 60 chars. |
| 8 | + # description: default to root title above. # Required; article description that is displayed in search results. < 160 chars. |
| 9 | + ms.service: microsoft-edge |
| 10 | + ms.subservice: extensions |
| 11 | + ms.topic: landing-page |
| 12 | + # ms.collection: collection # Optional; Remove if no collection is used. |
| 13 | + author: MSEdgeTeam |
| 14 | + ms.author: msedgedevrel |
| 15 | + ms.date: 02/15/2024 |
| 16 | + |
| 17 | +# ============================================================================= |
| 18 | +# Valid article types (sections of a card) |
| 19 | + |
| 20 | + # - linkListType: architecture |
| 21 | + # - linkListType: concept |
| 22 | + # - linkListType: deploy |
| 23 | + # - linkListType: download |
| 24 | + # - linkListType: get-started |
| 25 | + # - linkListType: how-to-guide |
| 26 | + # - linkListType: learn |
| 27 | + # - linkListType: overview |
| 28 | + # - linkListType: quickstart |
| 29 | + # - linkListType: reference |
| 30 | + # - linkListType: sample |
| 31 | + # - linkListType: tutorial |
| 32 | + # - linkListType: video |
| 33 | + # - linkListType: whats-new |
| 34 | + |
| 35 | +# ============================================================================= |
| 36 | +landingContent: |
| 37 | + |
| 38 | +# ============================================================================= |
| 39 | +# Card r1c1 |
| 40 | + - title: Getting started with DevTools |
| 41 | + linkLists: |
| 42 | + - linkListType: get-started |
| 43 | + links: |
| 44 | + - text: Overview of DevTools |
| 45 | + url: ../../devtools-guide-chromium/overview.md |
| 46 | + |
| 47 | + - text: Change DevTools placement (Undock, Dock to bottom, Dock to left) |
| 48 | + url: ../../devtools-guide-chromium/customize/placement.md |
| 49 | + |
| 50 | + - text: Run commands in the Command Menu |
| 51 | + url: ../../devtools-guide-chromium/command-menu/index.md |
| 52 | + |
| 53 | + - text: Console overview |
| 54 | + url: ../../devtools-guide-chromium/console/index.md |
| 55 | + - linkListType: whats-new |
| 56 | + links: |
| 57 | + - text: What's New in Microsoft Edge DevTools |
| 58 | + url: ../../devtools-guide-chromium/whats-new/whats-new.md |
| 59 | + |
| 60 | + - text: Contact the Microsoft Edge DevTools team |
| 61 | + url: ../../devtools-guide-chromium/contact.md |
| 62 | + |
| 63 | +# ============================================================================= |
| 64 | +# Card r1c2 |
| 65 | + - title: Customizing DevTools |
| 66 | + linkLists: |
| 67 | + - linkListType: get-started |
| 68 | + links: |
| 69 | + - text: Customize DevTools |
| 70 | + url: ../../devtools-guide-chromium/customize/index.md |
| 71 | + |
| 72 | + - text: Apply a color theme to DevTools |
| 73 | + url: ../../devtools-guide-chromium/customize/theme.md |
| 74 | + - linkListType: whats-new |
| 75 | + links: |
| 76 | + - text: Experimental features in Microsoft Edge DevTools |
| 77 | + url: ../../devtools-guide-chromium/experimental-features/index.md |
| 78 | + - linkListType: how-to-guide |
| 79 | + links: |
| 80 | + - text: Change DevTools language settings |
| 81 | + url: ../../devtools-guide-chromium/customize/localization.md |
| 82 | + |
| 83 | + - text: Customize keyboard shortcuts |
| 84 | + url: ../../devtools-guide-chromium/customize/shortcuts.md |
| 85 | + |
| 86 | +# ============================================================================= |
| 87 | +# Card r1c3 |
| 88 | + - title: Debugging web projects |
| 89 | + linkLists: |
| 90 | + - linkListType: quickstart |
| 91 | + links: |
| 92 | + - text: Analyze pages using the Inspect tool |
| 93 | + url: ../../devtools-guide-chromium/css/inspect.md |
| 94 | + - linkListType: tutorial |
| 95 | + links: |
| 96 | + - text: Get started viewing and changing CSS |
| 97 | + url: ../../devtools-guide-chromium/css/index.md |
| 98 | + |
| 99 | + - text: Get started viewing and changing the DOM |
| 100 | + url: ../../devtools-guide-chromium/dom/index.md |
| 101 | + - linkListType: how-to-guide |
| 102 | + links: |
| 103 | + - text: Find and fix problems using the Issues tool |
| 104 | + url: ../../devtools-guide-chromium/issues/index.md |
| 105 | + |
| 106 | + - text: Navigate webpage layers, z-index, and DOM using the 3D View tool |
| 107 | + url: ../../devtools-guide-chromium/3d-view/index.md |
| 108 | + |
| 109 | + - text: Inspect animations |
| 110 | + url: ../../devtools-guide-chromium/inspect-styles/animations.md |
| 111 | + |
| 112 | + - text: Debug Progressive Web Apps (PWAs) |
| 113 | + url: ../../devtools-guide-chromium/progressive-web-apps/index.md |
| 114 | + |
| 115 | + - text: Inspect network activity |
| 116 | + url: ../../devtools-guide-chromium/network/index.md |
| 117 | + |
| 118 | +# ============================================================================= |
| 119 | +# Card r2c1 |
| 120 | + - title: Emulation and Testing |
| 121 | + linkLists: |
| 122 | + - linkListType: how-to-guide |
| 123 | + links: |
| 124 | + - text: Emulate mobile devices (Device Emulation) |
| 125 | + url: ../../devtools-guide-chromium/device-mode/index.md |
| 126 | + |
| 127 | + - text: Accessibility-testing features |
| 128 | + url: ../../devtools-guide-chromium/accessibility/reference.md |
| 129 | + |
| 130 | + - text: Emulate dark or light schemes in the rendered page |
| 131 | + url: ../../devtools-guide-chromium/accessibility/preferred-color-scheme-simulation.md |
| 132 | + |
| 133 | + - text: Test keyboard support using the Source Order Viewer |
| 134 | + url: ../../devtools-guide-chromium/accessibility/test-tab-key-source-order-viewer.md |
| 135 | + |
| 136 | + - text: Force print preview mode |
| 137 | + url: ../../devtools-guide-chromium/css/print-preview.md |
| 138 | + |
| 139 | + - text: Emulate vision deficiencies |
| 140 | + url: ../../devtools-guide-chromium/accessibility/emulate-vision-deficiencies.md |
| 141 | + |
| 142 | + - text: Simulate reduced motion |
| 143 | + url: ../../devtools-guide-chromium/accessibility/reduced-motion-simulation.md |
| 144 | + |
| 145 | +# ============================================================================= |
| 146 | +# Card r2c2 |
| 147 | + - title: JavaScript and performance |
| 148 | + linkLists: |
| 149 | + - linkListType: how-to-guide |
| 150 | + links: |
| 151 | + - text: Run JavaScript in the Console |
| 152 | + url: ../../devtools-guide-chromium/console/console-javascript.md |
| 153 | + |
| 154 | + - text: Fix JavaScript errors that are reported in the Console |
| 155 | + url: ../../devtools-guide-chromium/console/console-debug-javascript.md |
| 156 | + |
| 157 | + - text: Sources tool overview |
| 158 | + url: ../../devtools-guide-chromium/sources/index.md |
| 159 | + |
| 160 | + - text: JavaScript debugging features |
| 161 | + url: ../../devtools-guide-chromium/javascript/reference.md |
| 162 | + |
| 163 | + - text: Find unused JavaScript and CSS code with the Coverage tool |
| 164 | + url: ../../devtools-guide-chromium/coverage/index.md |
| 165 | + |
| 166 | + - text: Fix memory problems |
| 167 | + url: ../../devtools-guide-chromium/memory-problems/index.md |
| 168 | + |
| 169 | + - text: Debug DOM memory leaks with the Detached Elements tool |
| 170 | + url: ../../devtools-guide-chromium/memory-problems/dom-leaks.md |
| 171 | + |
| 172 | + - text: Understand security issues using the Security tool |
| 173 | + url: ../../devtools-guide-chromium/security/index.md |
| 174 | + |
| 175 | + - text: Troubleshooting common performance issues |
| 176 | + url: ../../devtools-guide-chromium/rendering-tools/index.md |
| 177 | + |
| 178 | +# ============================================================================= |
| 179 | +# Card r2c3 |
| 180 | + - title: Reference |
| 181 | + linkLists: |
| 182 | + - linkListType: reference |
| 183 | + links: |
| 184 | + - text: Keyboard shortcuts |
| 185 | + url: ../../devtools-guide-chromium/shortcuts/index.md |
| 186 | + |
| 187 | + - text: CSS features reference |
| 188 | + url: ../../devtools-guide-chromium/css/reference.md |
| 189 | + |
| 190 | + - text: Console features reference |
| 191 | + url: ../../devtools-guide-chromium/console/reference.md |
| 192 | + |
| 193 | + - text: Console object API Reference |
| 194 | + url: ../../devtools-guide-chromium/console/api.md |
| 195 | + - linkListType: how-to-guide |
| 196 | + links: |
| 197 | + - text: Performance features reference |
| 198 | + url: ../../devtools-guide-chromium/evaluate-performance/reference.md |
| 199 | + - linkListType: sample |
| 200 | + links: |
| 201 | + - text: Sample code for DevTools |
| 202 | + url: ../../devtools-guide-chromium/sample-code/sample-code.md |
0 commit comments