6823676e14
Introduced a new tool for visualizing UI dumps, enabling users to upload XML and image files for inspection. The implementation includes an HTML structure, styled with CSS, and JavaScript for processing files and rendering elements dynamically onto a canvas. This provides a lightweight and functional interface for visual analysis.
29 lines
654 B
HTML
29 lines
654 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>UI Dump Viewer</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div id="layout">
|
|
<div id="sidebar">
|
|
<h3>UIDump Viewer</h3>
|
|
<label>XML файл:</label><br>
|
|
<input type="file" id="xmlInput" accept=".xml"><br><br>
|
|
|
|
<label>Скриншот:</label><br>
|
|
<input type="file" id="imgInput" accept="image/*">
|
|
</div>
|
|
|
|
<div id="content">
|
|
<div id="canvas"></div>
|
|
<div id="screenshot-container">
|
|
<img id="screenshot" alt="screenshot">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|