mirror of
https://github.com/Hopiu/bowser.git
synced 2026-03-17 03:20:24 +00:00
36 lines
831 B
HTML
36 lines
831 B
HTML
|
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>DOM Test Page</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>DOM Visualization Test</h1>
|
||
|
|
<p>This page demonstrates the DOM visualization feature.</p>
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
<h2>Section 1</h2>
|
||
|
|
<p>Press <strong>Ctrl+Shift+D</strong> to visualize the DOM tree.</p>
|
||
|
|
|
||
|
|
<ul>
|
||
|
|
<li>Item 1</li>
|
||
|
|
<li>Item 2</li>
|
||
|
|
<li>Item 3</li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="features">
|
||
|
|
<h2>Features</h2>
|
||
|
|
<ol>
|
||
|
|
<li>Color-coded nodes by element type</li>
|
||
|
|
<li>Visual hierarchy representation</li>
|
||
|
|
<li>Text content preview</li>
|
||
|
|
</ol>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<footer>
|
||
|
|
<p>Bowser Browser - Educational Project</p>
|
||
|
|
</footer>
|
||
|
|
</body>
|
||
|
|
</html>
|