doc_inspector_menu.html (1914B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Inspector Tree Menu Test</title> 5 <meta charset="utf-8"> 6 <style> 7 body { 8 height: 200vh; 9 } 10 11 #scroll-view { 12 position: absolute; 13 top: 150vh; 14 15 &::before { 16 content: "in a galaxy " 17 } 18 } 19 </style> 20 </head> 21 <body> 22 <div> 23 <div id="paste-area"> 24 <h1>Inspector Tree Menu Test</h1> 25 <p class="inner">Unset</p> 26 <p class="adjacent"> 27 <span class="ref">3</span> 28 </p> 29 </div> 30 <p data-id="copy">Paragraph for testing copy</p> 31 <p id="sensitivity">Paragraph for sensitivity</p> 32 <p class="duplicate">This will be duplicated</p> 33 <p id="delete">This has to be deleted</p> 34 <img id="copyimage" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQYV2P4DwABAQEAWk1v8QAAAABJRU5ErkJggg==" /> 35 <div id="hiddenElement" style="display: none;"> 36 <p id="nestedHiddenElement">Visible element nested inside a non-visible element</p> 37 </div> 38 <p id="console-var">Paragraph for testing console variables</p> 39 <p id="console-var-multi">Paragraph for testing multiple console variables</p> 40 41 42 <p id="attributes" data-copy="the" data-long-copy="#01234567890123456789012345678901234567890123456789123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123" data-edit="original" data-remove="thing">Attributes are going to be changed here</p> 43 44 <div id="scroll-view">Far far away</div> 45 46 <div id="host"></div> 47 <script> 48 'use strict'; 49 document.getElementById("host").attachShadow({ mode: "open" }); 50 </script> 51 <iframe srcdoc="<p>Paragraph in iFrame</p>"></iframe> 52 </div> 53 </body> 54 </html>