Ryan Malloy
7d97fc3e3b
Generated during browser_install_popular_extension testing to verify Chrome extension functionality works correctly. Co-Authored-By: Claude <noreply@anthropic.com>
47 lines
1.1 KiB
HTML
47 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
|
|
padding: 20px;
|
|
background: #f5f5f5;
|
|
}
|
|
.panel {
|
|
background: white;
|
|
border-radius: 8px;
|
|
padding: 20px;
|
|
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
}
|
|
.react-logo {
|
|
color: #61dafb;
|
|
font-size: 24px;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="panel">
|
|
<div class="react-logo">⚛️ React DevTools (Demo)</div>
|
|
<h3>React Component Tree</h3>
|
|
<p>This is a demo version of React DevTools running in Playwright MCP!</p>
|
|
<div id="component-tree">
|
|
<ul>
|
|
<li>🔵 App
|
|
<ul>
|
|
<li>📦 Header</li>
|
|
<li>📦 Main
|
|
<ul>
|
|
<li>🔗 Link</li>
|
|
<li>📝 Content</li>
|
|
</ul>
|
|
</li>
|
|
<li>📦 Footer</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<p><strong>Status:</strong> Extension loaded and working in Playwright MCP session!</p>
|
|
</div>
|
|
</body>
|
|
</html> |