browser-plugin-creator
Version:
A modern scaffolding tool for creating browser extensions with ease
31 lines • 832 B
HTML
<html>
<head>
<meta charset="utf-8">
<title>{{name}} DevTools</title>
<link rel="stylesheet" href="devtools.css">
</head>
<body>
<div id="app">
<h1>{{name}} DevTools Panel</h1>
<div class="panel">
<div class="sidebar">
<button id="inspect-element">检查元素</button>
<button id="clear-console">清空控制台</button>
<button id="export-data">导出数据</button>
</div>
<div class="content">
<div id="element-info">
<h3>选中元素信息</h3>
<pre id="element-details">选择一个元素查看详情</pre>
</div>
<div id="console-output">
<h3>控制台输出</h3>
<div id="logs"></div>
</div>
</div>
</div>
</div>
<script src="devtools.js"></script>
</body>
</html>