diff --git a/.gitignore b/.gitignore
index 7a708d5e..a66f6eb3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -94,4 +94,5 @@ docs/.vitepress/dist
 !tsconfig.json
 coverage
 scripts/__tests__/examples/dist
-!scripts/__tests__/examples/dist/.gitkeep
\ No newline at end of file
+!scripts/__tests__/examples/dist/.gitkeep
+*.zip
\ No newline at end of file
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 46090c25..ab22c61a 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -2,6 +2,7 @@ import DefaultTheme from 'vitepress/theme'
 import './custom.css'
 import 'element-plus/dist/index.css'
 import ElementPlus from "element-plus";
+import 'element-plus/theme-chalk/dark/css-vars.css'
 import '../index.css'
 
 export default {
diff --git a/docs/index.md b/docs/index.md
index 0688c71a..da21f501 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -3,7 +3,7 @@ layout: home
 
 hero:
   name: SKIP
-  text: 基于 Android 无障碍服务的自动跳过开屏广告 App
+  text: 基于安卓无障碍服务的自动跳过开屏广告 App
   image:
     src: /images/logo.png
   actions:
diff --git a/docs/inspect/InspectContainer.vue b/docs/inspect/InspectContainer.vue
index 55070bcc..27742d1d 100644
--- a/docs/inspect/InspectContainer.vue
+++ b/docs/inspect/InspectContainer.vue
@@ -1,7 +1,7 @@
 <template>
     <el-row class="h-screen">
         <el-col :span="6">
-            <NodePic v-if="rawData" :raw-data="rawData" :img-src="'/temp.png'" :current-node-key="currentNodeKey"
+            <NodePic v-if="rawData" :raw-data="rawData" :img-src="imgSrc" :current-node-key="currentNodeKey"
                 @handle-img-node-click="handleImgNodeClick" />
         </el-col>
         <el-col :span="9" class="h-full overflow-y-auto">
@@ -20,16 +20,27 @@ import NodeTable from './NodeTable.vue';
 import NodePic from './NodePic.vue';
 import { ref, onMounted } from 'vue';
 import { AccessibilityNode, AccessibilityNodeTree, AccessibilityWindow } from './types';
+import JSZip from 'jszip';
 
 const treeData = ref<AccessibilityNodeTree[]>([]);
 const nodeData = ref<AccessibilityNode | null>(null);
 const rawData = ref<AccessibilityWindow | null>(null);
 const currentNodeKey = ref<number>(-1);
+const imgSrc = ref<string>('');
 
 onMounted(async () => {
-    const temp = await fetch('/temp.json');
-    const text = await temp.text();
-    const data = JSON.parse(text) as AccessibilityWindow;
+    const response = await fetch('/1724288358662.zip');
+    const arrayBuffer = await response.arrayBuffer();
+    const zip = await JSZip.loadAsync(arrayBuffer);
+
+    const pngFile = zip.filter((relativePath, file) => relativePath.endsWith('.png'));
+    const blob = await pngFile[0].async('blob');
+    const imgUrl = URL.createObjectURL(blob);
+    imgSrc.value = imgUrl;
+
+    const jsonFile = zip.filter((relativePath, file) => relativePath.endsWith('.json'));
+    const jsonText = await jsonFile[0].async('text');
+    const data = JSON.parse(jsonText) as AccessibilityWindow;
     rawData.value = data;
     treeData.value = buildTree(data.nodes, -1);
 });
diff --git a/docs/inspect/NodePic.vue b/docs/inspect/NodePic.vue
index a00103a1..97fa6e00 100644
--- a/docs/inspect/NodePic.vue
+++ b/docs/inspect/NodePic.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="h-full border border-black border-solid relative flex justify-center">
+    <div class="h-full relative flex justify-center">
         <canvas id="topCanvas" class="cursor-crosshair absolute z-20"></canvas>"
         <canvas id="bottomCanvas" class="cursor-crosshair absolute z-10"></canvas>
     </div>
diff --git a/package-lock.json b/package-lock.json
index 64c9ce1a..be378c5d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,7 @@
         "element-plus": "^2.8.0",
         "jest": "^29.7.0",
         "js-yaml": "^4.1.0",
+        "jszip": "^3.10.1",
         "postcss": "^8.4.41",
         "tailwindcss": "^3.4.10",
         "ts-jest": "^29.2.3",
@@ -3203,6 +3204,13 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/cose-base": {
       "version": "1.0.3",
       "dev": true,
@@ -4488,6 +4496,13 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/import-local": {
       "version": "3.2.0",
       "dev": true,
@@ -4639,6 +4654,13 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/isexe": {
       "version": "2.0.0",
       "dev": true,
@@ -5340,6 +5362,19 @@
         "node": ">=6"
       }
     },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "dev": true,
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
     "node_modules/katex": {
       "version": "0.16.10",
       "dev": true,
@@ -5391,6 +5426,16 @@
         "node": ">=6"
       }
     },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
@@ -6288,6 +6333,13 @@
       "dev": true,
       "license": "BlueOak-1.0.0"
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parse-json": {
       "version": "5.2.0",
       "dev": true,
@@ -6606,6 +6658,13 @@
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
       }
     },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/prompts": {
       "version": "2.4.2",
       "dev": true,
@@ -6677,6 +6736,22 @@
         "pify": "^2.3.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
     "node_modules/readdirp": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
@@ -6841,6 +6916,13 @@
         "node": ">=6"
       }
     },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "dev": true,
@@ -6860,6 +6942,13 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "dev": true,
@@ -6965,6 +7054,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
     "node_modules/string-length": {
       "version": "4.0.2",
       "dev": true,
diff --git a/package.json b/package.json
index 57822d81..f0ac1f09 100644
--- a/package.json
+++ b/package.json
@@ -20,6 +20,7 @@
     "element-plus": "^2.8.0",
     "jest": "^29.7.0",
     "js-yaml": "^4.1.0",
+    "jszip": "^3.10.1",
     "postcss": "^8.4.41",
     "tailwindcss": "^3.4.10",
     "ts-jest": "^29.2.3",