| Summary: | Web Inspector: Elements Copy HTML with a prettified option | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Karl Dubost <karlcow> | ||||
| Component: | Web Inspector | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | NEW --- | ||||||
| Severity: | Normal | CC: | inspector-bugzilla-changes, webkit-bug-importer | ||||
| Priority: | P2 | Keywords: | InRadar | ||||
| Version: | Safari Technology Preview | ||||||
| Hardware: | All | ||||||
| OS: | All | ||||||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=271958 | ||||||
| Attachments: |
|
||||||
Created attachment 463463 [details] copy HTML feature 1. Go to apple.com 2. Open Web Inspector 3. Select a node in Elements Tab 4. Ctrl + Click on the chosen node 5. A contextual menu opens 6. Choose Copy HTML Expected: Have an option to Copy Prettified HTML Actual: The HTML is a big chunk of packed text This for example: ``` <div class="cta-links"> <a class="icon icon-after icon-chevronright" href="/ipad-10.9/" target="_self" rel="follow" data-analytics-region="learn more" data-analytics-title="Learn more about iPad" aria-label="Learn more about iPad">Learn more</a> <a class="icon icon-after icon-chevronright" href="/us/shop/goto/buy_ipad/ipad" target="_self" rel="follow" data-analytics-region="buy" data-analytics-title="Buy iPad" aria-label="Buy iPad">Buy</a> </div> ``` In some cases when sharing code, this form (or any form that the prettifier chooses) can be clearer to explain the code (here prettified through VSCode): ``` <div class="cta-links"> <a class="icon icon-after icon-chevronright" href="/ipad-10.9/" target="_self" rel="follow" data-analytics-region="learn more" data-analytics-title="Learn more about iPad" aria-label="Learn more about iPad" >Learn more</a > <a class="icon icon-after icon-chevronright" href="/us/shop/goto/buy_ipad/ipad" target="_self" rel="follow" data-analytics-region="buy" data-analytics-title="Buy iPad" aria-label="Buy iPad" >Buy</a > </div> ```