Max Potential First Input Delay
470 ms
The maximum potential First Input Delay that your users could experience is the duration of the longest task. Learn more about the Maximum Potential First Input Delay metric.
页面构成与技术指标
正文
1216
操作候选
4
图片
0
HTML
172 KB
文案
标题字数
26
摘要字数
91
H1
1
H2
3
动作
主要入口
注册
表单
0
站内链接
52
站外链接
1
安全与页面元信息
HTTPS
有
HSTS
无
CSP
无
nosniff
无
viewport
有
图标
有
JSON-LD
有
统计
GA4
构成
Next.js / Tailwind
脚本
19 ext / 15 inline
语言
zh-CN
第三方域
2
Lighthouse
移动端模拟 · 性能评分
72 / 100
2026-09-05 · 实验室数据，非真实用户体验数据。
查看详情
移动端模拟 · 实验室数据，非真实用户体验数据
2026-09-05T15:37:28.516Z · Lighthouse 13.4.1
性能72/ 100
可访问性90/ 100
最佳实践100/ 100
SEO100/ 100
LCP · 主要内容出现1,812 ms
CLS · 布局偏移0.150
TBT · 主线程阻塞959 ms
FCP · 首次内容绘制1,533 ms
SI · 视觉加载速度2,195 ms
分数会受服务器、网络和测试环境影响，独立于品味／转化评分。诊断保留 Lighthouse 原文。
Time to Interactive
4.7 s
Time to Interactive is the amount of time it takes for the page to become fully interactive. Learn more about the Time to Interactive metric.
Minimize main-thread work
6.6 s
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to minimize main-thread work
对应元素与资源
{
"type": "table",
"items": [
{
"group": "scriptEvaluation",
"duration": 2806.7599999999616,
"groupLabel": "Script Evaluation"
},
{
"group": "other",
"duration": 1416.0279999999866,
"groupLabel": "Other"
},
{
"group": "styleLayout",
"duration": 1339.756000000002,
"groupLabel": "Style & Layout"
},
{
"group": "paintCompositeRender",
"duration": 605.908000000024,
"groupLabel": "Rendering"
},
{
"group": "scriptParseCompile",
"duration": 288.76800000000003,
"groupLabel": "Script Parsing & Compilation"
},
{
"group": "parseHTML",
"duration": 89.24,
"groupLabel": "Parse HTML & CSS"
},
{
"group": "garbageCollection",
"duration": 36.77600000000002,
"groupLabel": "Garbage Collection"
}
],
"headings": [
{
"key": "groupLabel",
"label": "Category",
"valueType": "text"
},
{
"key": "duration",
"label": "Time Spent",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"duration"
]
}Reduce JavaScript execution time
3.0 s
Consider reducing the time spent parsing, compiling, and executing JS. You may find delivering smaller JS payloads helps with this. Learn how to reduce Javascript execution time.
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://itool.tech/zh",
"total": 2687.692000000013,
"scripting": 27.33599999999998,
"scriptParseCompile": 25.264000000000003
},
{
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"total": 2323.247999999982,
"scripting": 2073.739999999982,
"scriptParseCompile": 57.29599999999999
},
{
"url": "Unattributable",
"total": 612.0279999999985,
"scripting": 42.72400000000001,
"scriptParseCompile": 0
},
{
"url": "https://www.googletagmanager.com/gtag/js?id=G-BF3WR74HTN",
"total": 587.095999999999,
"scripting": 512.935999999999,
"scriptParseCompile": 70.90400000000001
},
{
"url": "https://itool.tech/_next/static/chunks/c513ae37a14e4024.js",
"total": 132.06000000000003,
"scripting": 84.48400000000004,
"scriptParseCompile": 29.019999999999996
},
{
"url": "https://itool.tech/_next/static/chunks/ae3b95db7622951d.js",
"total": 59.03199999999998,
"scripting": 28.571999999999985,
"scriptParseCompile": 16.728
}
],
"summary": {
"wastedMs": 2969.003999999981
},
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url"
},
{
"key": "total",
"label": "Total CPU Time",
"valueType": "ms",
"granularity": 1
},
{
"key": "scripting",
"label": "Script Evaluation",
"valueType": "ms",
"granularity": 1
},
{
"key": "scriptParseCompile",
"label": "Script Parse",
"valueType": "ms",
"granularity": 1
}
],
"sortedBy": [
"total"
]
}Avoid large layout shifts
15 layout shifts found
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts may not be included in the CLS metric value due to windowing. Learn how to improve CLS
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "page-2-DIV",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,0,SECTION,1,DIV",
"type": "node",
"snippet": "<div class=\"home-enter rounded-[18px] border border-[var(--border)] bg-[var(--surface)…\">",
"selector": "div.home-shell > main.relative > section.pt-12 > div.home-enter",
"nodeLabel": "regex-tester\nINPUT\n/\\b[A-Z0-9\nOUTPUT",
"boundingRect": {
"top": 447,
"left": 20,
"right": 392,
"width": 372,
"bottom": 791,
"height": 344
}
},
"score": 0.1464090573219699
},
{
"node": {
"lhId": "page-1-DIV",
"path": "1,HTML,1,BODY,3,DIV,5,HEADER,0,DIV,2,DIV",
"type": "node",
"snippet": "<div class=\"flex items-center gap-2\">",
"selector": "div.home-shell > header.sticky > div.relative > div.flex",
"nodeLabel": "中文\n登录\n注册",
"boundingRect": {
"top": 11,
"left": 112,
"right": 392,
"width": 280,
"bottom": 45,
"height": 33
}
},
"score": 0.00277463360615778
},
{
"score": 0.0000540386455438536
},
{
"score": 0.00003353898860324965
},
{
"score": 0.00003353898860324965
},
{
"score": 0.00003273405287677166
},
{
"score": 0.00002656287897377372
},
{
"score": 0.00002655179263029553
},
{
"score": 0.00002575794324729573
},
{
"score": 0.0000172140678734275
},
{
"score": 0.00001537306295644111
},
{
"score": 0.00001412601729004449
},
{
"score": 0.000007145204363335383
},
{
"score": 0.000006428735418148101
},
{
"score": 0.000006380134680071939
}
],
"headings": [
{
"key": "node",
"label": "Element",
"valueType": "node",
"subItemsHeading": {
"key": "extra"
}
},
{
"key": "score",
"label": "Layout shift score",
"valueType": "numeric",
"granularity": 0.001,
"subItemsHeading": {
"key": "cause",
"valueType": "text"
}
}
]
}Buttons do not have an accessible name
When a button doesn't have an accessible name, screen readers announce it as "button", making it unusable for users who rely on screen readers. Learn how to make buttons more accessible.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-0-BUTTON",
"path": "1,HTML,1,BODY,3,DIV,5,HEADER,0,DIV,2,DIV,0,BUTTON",
"type": "node",
"snippet": "<button type=\"button\" class=\"flex items-center gap-2 h-8 px-2.5 rounded-[10px] text-[13px] text-[var(--…\">",
"selector": "header.sticky > div.relative > div.flex > button.flex",
"nodeLabel": "header.sticky > div.relative > div.flex > button.flex",
"explanation": "Fix any of the following:\n Element does not have inner text that is visible to screen readers\n aria-label attribute does not exist or is empty\n aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n Element has no title attribute\n Element does not have an implicit (wrapped) <label>\n Element does not have an explicit <label>\n Element's default semantics were not overridden with role=\"none\" or role=\"presentation\"",
"boundingRect": {
"top": 12,
"left": 112,
"right": 148,
"width": 36,
"bottom": 44,
"height": 32
}
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.name-role-value",
"wcag2a",
"wcag412",
"section508",
"section508.22.a",
"TTv5",
"TT6.a",
"EN-301-549",
"EN-9.4.1.2",
"ACT",
"RGAAv4",
"RGAA-11.9.1"
],
"type": "debugdata",
"impact": "critical"
}
}Background and foreground colors do not have a sufficient contrast ratio.
Low-contrast text is difficult or impossible for many users to read. Learn how to provide sufficient color contrast.
对应元素与资源
{
"type": "table",
"items": [
{
"node": {
"lhId": "1-1-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,0,DIV,0,DIV,0,P",
"type": "node",
"snippet": "<p class=\"font-mono text-[10px] uppercase tracking-[0.2em] text-[var(--brand)]\">",
"selector": "section.border-t > div.mb-8 > div > p.font-mono",
"nodeLabel": "SPOTLIGHT / 03",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.57 (foreground color: #2a7a60, background color: #121412, font size: 7.5pt (10px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 896,
"left": 20,
"right": 392,
"width": 372,
"bottom": 913,
"height": 17
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-3-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,0,DIV,1,P",
"type": "node",
"snippet": "<p class=\"max-w-md text-sm leading-relaxed text-[var(--text-muted)] sm:text-right\">",
"selector": "main.relative > section.border-t > div.mb-8 > p.max-w-md",
"nodeLabel": "两局 AI 对局、一次性格测试，外加一套可安装的 Agent Skills。",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 961,
"left": 20,
"right": 392,
"width": 372,
"bottom": 1006,
"height": 46
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-4-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,0,A,1,DIV,0,SPAN",
"type": "node",
"snippet": "<span class=\"grid h-11 w-8 place-items-center rounded-[6px] border border-[#DDE2E4] bg-…\" style=\"transition-delay:0ms;color:#D4514C\">",
"selector": "div.grid > a.group > div.absolute > span.grid",
"nodeLabel": "A♥",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #d4514c, background color: #ffffff, font size: 6.8pt (9px), font weight: bold). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1125,
"left": 114,
"right": 146,
"width": 32,
"bottom": 1169,
"height": 44
}
}
},
{
"node": {
"lhId": "1-5-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,0,A,1,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"grid h-11 w-8 place-items-center rounded-[6px] border border-[#DDE2E4] bg-…\" style=\"transition-delay:35ms;color:#D4514C\">",
"selector": "div.grid > a.group > div.absolute > span.grid",
"nodeLabel": "10♦",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #d4514c, background color: #ffffff, font size: 6.8pt (9px), font weight: bold). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1125,
"left": 152,
"right": 184,
"width": 32,
"bottom": 1169,
"height": 44
}
}
},
{
"node": {
"lhId": "1-6-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,0,A,1,DIV,4,SPAN",
"type": "node",
"snippet": "<span class=\"grid h-11 w-8 place-items-center rounded-[6px] border border-[#DDE2E4] bg-…\" style=\"transition-delay:140ms;color:#D4514C\">",
"selector": "div.grid > a.group > div.absolute > span.grid",
"nodeLabel": "Q♥",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.13 (foreground color: #d4514c, background color: #ffffff, font size: 6.8pt (9px), font weight: bold). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1125,
"left": 266,
"right": 298,
"width": 32,
"bottom": 1169,
"height": 44
}
}
},
{
"node": {
"lhId": "1-7-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,0,A,5,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-1.5 line-clamp-2 text-[12px] leading-relaxed text-[#69747A]\">",
"selector": "div.grid > a.group > div.absolute > p.mt-1.5",
"nodeLabel": "单机打 AI，或用配对码开房间，让 Agent 通过 WebMCP 入座真人牌局",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.45 (foreground color: #69747a, background color: #f5f7f6, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1256,
"left": 41,
"right": 371,
"width": 330,
"bottom": 1295,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-8-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/tools/token-holdem\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "A♥\n10♦\n8♠\nA♣\nQ♥\nAI GAME\nToken 德州扑克\n\n单机打 AI，或用配对码开房间，让 Agent 通过 WebMCP 入座真人牌局\n\n进…",
"boundingRect": {
"top": 1038,
"left": 20,
"right": 392,
"width": 372,
"bottom": 1348,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-9-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,1,A,5,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-1.5 line-clamp-2 text-[12px] leading-relaxed text-[#69756E]\">",
"selector": "div.grid > a.group > div.absolute > p.mt-1.5",
"nodeLabel": "和 GPT-5、Claude、DeepSeek 打一局定缺、血战到底的四川麻将",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 4.39 (foreground color: #69756e, background color: #f6f5ee, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 1578,
"left": 41,
"right": 371,
"width": 330,
"bottom": 1617,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-10-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/tools/sichuan-mahjong\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "一\n萬\n九\n萬\n定缺 · 万\n胡\nAI GAME\nAI 四川麻将\n\n和 GPT-5、Claude、DeepSeek 打一局定缺、血战到底的四川麻将\n\n开始血战",
"boundingRect": {
"top": 1360,
"left": 20,
"right": 392,
"width": 372,
"bottom": 1670,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-11-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,0,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"ml-auto text-white/30\">",
"selector": "a.group > div.absolute > div.flex > span.ml-auto",
"nodeLabel": "01",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.67 (foreground color: #5a5a58, background color: #131411, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2086,
"left": 347,
"right": 358,
"width": 11,
"bottom": 2101,
"height": 15
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-12-DIV",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,0,DIV",
"type": "node",
"snippet": "<div class=\"flex items-center gap-2 rounded-[8px] border border-white/10 bg-black/25 p…\" style=\"margin-left:0px;transition-delay:0ms\">",
"selector": "div.grid > a.group > div.absolute > div.flex",
"nodeLabel": "+\nfrontend-design\n01",
"boundingRect": {
"top": 2077,
"left": 41,
"right": 371,
"width": 330,
"bottom": 2110,
"height": 33
}
}
},
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/skills\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "+\nfrontend-design\n01\n+\napi-architect\n02\n+\ntesting-agent\n03\nAGENT SKILLS\nSkills …",
"boundingRect": {
"top": 2004,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2314,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-14-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,1,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"ml-auto text-white/30\">",
"selector": "a.group > div.absolute > div.flex > span.ml-auto",
"nodeLabel": "02",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.67 (foreground color: #5a5a58, background color: #131411, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2125,
"left": 347,
"right": 358,
"width": 11,
"bottom": 2140,
"height": 15
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-15-DIV",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,1,DIV",
"type": "node",
"snippet": "<div class=\"flex items-center gap-2 rounded-[8px] border border-white/10 bg-black/25 p…\" style=\"margin-left:12px;transition-delay:45ms\">",
"selector": "div.grid > a.group > div.absolute > div.flex",
"nodeLabel": "+\napi-architect\n02",
"boundingRect": {
"top": 2116,
"left": 53,
"right": 371,
"width": 318,
"bottom": 2149,
"height": 33
}
}
},
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/skills\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "+\nfrontend-design\n01\n+\napi-architect\n02\n+\ntesting-agent\n03\nAGENT SKILLS\nSkills …",
"boundingRect": {
"top": 2004,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2314,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-16-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,2,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"ml-auto text-white/30\">",
"selector": "a.group > div.absolute > div.flex > span.ml-auto",
"nodeLabel": "03",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 2.67 (foreground color: #5a5a58, background color: #131411, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2164,
"left": 347,
"right": 358,
"width": 11,
"bottom": 2179,
"height": 15
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-17-DIV",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,0,DIV,2,DIV",
"type": "node",
"snippet": "<div class=\"flex items-center gap-2 rounded-[8px] border border-white/10 bg-black/25 p…\" style=\"margin-left:24px;transition-delay:90ms\">",
"selector": "div.grid > a.group > div.absolute > div.flex",
"nodeLabel": "+\ntesting-agent\n03",
"boundingRect": {
"top": 2155,
"left": 65,
"right": 371,
"width": 306,
"bottom": 2188,
"height": 33
}
}
},
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/skills\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "+\nfrontend-design\n01\n+\napi-architect\n02\n+\ntesting-agent\n03\nAGENT SKILLS\nSkills …",
"boundingRect": {
"top": 2004,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2314,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-18-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,1,DIV,0,SPAN",
"type": "node",
"snippet": "<span class=\"inline-flex items-center gap-1.5 rounded-full border border-[var(--brand)]…\">",
"selector": "div.grid > a.group > div.relative > span.inline-flex",
"nodeLabel": "AGENT SKILLS",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.07 (foreground color: #2a7a60, background color: #1b241e, font size: 6.8pt (9px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2025,
"left": 41,
"right": 151,
"width": 110,
"bottom": 2050,
"height": 25
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/skills\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "+\nfrontend-design\n01\n+\napi-architect\n02\n+\ntesting-agent\n03\nAGENT SKILLS\nSkills …",
"boundingRect": {
"top": 2004,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2314,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-19-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A,2,DIV,2,SPAN",
"type": "node",
"snippet": "<span class=\"mt-3 inline-flex text-[11px] font-semibold text-[var(--brand)]\">",
"selector": "div.grid > a.group > div.absolute > span.mt-3",
"nodeLabel": "查看详情",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.37 (foreground color: #2a7a60, background color: #191a17, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2273,
"left": 41,
"right": 85,
"width": 44,
"bottom": 2291,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-13-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative min-h-[310px] overflow-hidden rounded-[18px] border border-…\" href=\"/zh/skills\">",
"selector": "main.relative > section.border-t > div.grid > a.group",
"nodeLabel": "+\nfrontend-design\n01\n+\napi-architect\n02\n+\ntesting-agent\n03\nAGENT SKILLS\nSkills …",
"boundingRect": {
"top": 2004,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2314,
"height": 310
}
}
}
]
}
},
{
"node": {
"lhId": "1-20-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,0,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-2 text-sm text-[var(--text-muted)]\">",
"selector": "main.relative > section#catalog > div.mb-8 > p.mt-2",
"nodeLabel": "点开即用。数据处理都在浏览器本地完成，不经由任何服务器。",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2467,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2507,
"height": 40
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-21-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,0,NAV,0,A,1,SPAN",
"type": "node",
"snippet": "<span class=\"font-mono text-[11px] tabular-nums text-[var(--text-muted)]\">",
"selector": "div.grid > nav.flex > a.shrink-0 > span.font-mono",
"nodeLabel": "12",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2549,
"left": 96,
"right": 109,
"width": 13,
"bottom": 2564,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-22-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,0,NAV,1,A,1,SPAN",
"type": "node",
"snippet": "<span class=\"font-mono text-[11px] tabular-nums text-[var(--text-muted)]\">",
"selector": "div.grid > nav.flex > a.shrink-0 > span.font-mono",
"nodeLabel": "06",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2549,
"left": 201,
"right": 214,
"width": 13,
"bottom": 2564,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-23-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,0,NAV,2,A,1,SPAN",
"type": "node",
"snippet": "<span class=\"font-mono text-[11px] tabular-nums text-[var(--text-muted)]\">",
"selector": "div.grid > nav.flex > a.shrink-0 > span.font-mono",
"nodeLabel": "03",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2549,
"left": 306,
"right": 320,
"width": 13,
"bottom": 2564,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-24-H3",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"text-xs font-mono uppercase tracking-wider text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#dev > div.flex > h3.text-xs",
"nodeLabel": "开发工具",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2618,
"left": 20,
"right": 70,
"width": 50,
"bottom": 2634,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-25-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,0,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-[11px] font-mono text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#dev > div.flex > span.text-[11px]",
"nodeLabel": "12 items",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2617,
"left": 339,
"right": 392,
"width": 53,
"bottom": 2635,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-26-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,0,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "格式化、校验、压缩 JSON 数据，支持语法高亮与错误提示",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2696,
"left": 73,
"right": 379,
"width": 306,
"bottom": 2735,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-27-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/json-formatter\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "JSON 格式化\n\n格式化、校验、压缩 JSON 数据，支持语法高亮与错误提示",
"boundingRect": {
"top": 2658,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2748,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-28-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,1,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "对比两段文本或代码的差异，逐行高亮显示新增、删除与修改",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2794,
"left": 73,
"right": 379,
"width": 306,
"bottom": 2833,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-29-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/diff-editor\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "Diff 对比\n\n对比两段文本或代码的差异，逐行高亮显示新增、删除与修改",
"boundingRect": {
"top": 2756,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2846,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-30-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,2,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "对 URL 或任意字符串进行 encodeURIComponent / decodeURIComponent 处理",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2892,
"left": 73,
"right": 379,
"width": 306,
"bottom": 2931,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-31-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,2,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/url-codec\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "URL 编解码\n\n对 URL 或任意字符串进行 encodeURIComponent / decodeURIComponent 处理",
"boundingRect": {
"top": 2854,
"left": 20,
"right": 392,
"width": 372,
"bottom": 2944,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-32-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,3,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "实时测试正则表达式匹配与替换，快速定位文本规则",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 2990,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3010,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-33-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/regex-tester\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "Regex 测试器\n\n实时测试正则表达式匹配与替换，快速定位文本规则",
"boundingRect": {
"top": 2952,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3023,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-34-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,4,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "Unix 时间戳与日期时间互转，支持秒/毫秒、本地与 UTC",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3069,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3089,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-35-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,4,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/timestamp-converter\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "时间戳转换\n\nUnix 时间戳与日期时间互转，支持秒/毫秒、本地与 UTC",
"boundingRect": {
"top": 3031,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3102,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-36-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,5,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "快速解析 JWT 的 Header 与 Payload（不做签名校验）",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3148,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3167,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-37-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,5,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/jwt-decoder\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "JWT 解码\n\n快速解析 JWT 的 Header 与 Payload（不做签名校验）",
"boundingRect": {
"top": 3110,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3180,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-38-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,6,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "支持 SHA-1 / SHA-256 / SHA-384 / SHA-512 文本哈希",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3226,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3246,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-39-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,6,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/hash-generator\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "Hash 生成器\n\n支持 SHA-1 / SHA-256 / SHA-384 / SHA-512 文本哈希",
"boundingRect": {
"top": 3188,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3259,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-40-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,7,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "将文本编码为 Base64 格式或从 Base64 解码，支持 URL 安全选项",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3305,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3344,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-41-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,7,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/base64-codec\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "Base64 编解码\n\n将文本编码为 Base64 格式或从 Base64 解码，支持 URL 安全选项",
"boundingRect": {
"top": 3267,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3357,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-42-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,8,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "格式化和美化 SQL 查询，支持多种方言（PostgreSQL、MySQL 等）",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3403,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3442,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-43-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,8,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/sql-formatter\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "SQL 格式化\n\n格式化和美化 SQL 查询，支持多种方言（PostgreSQL、MySQL 等）",
"boundingRect": {
"top": 3365,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3455,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-44-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,9,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "生成和解析 Cron 表达式，提供人类可读的描述和下次执行时间",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3501,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3540,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-45-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,9,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/cron-generator\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "Cron 生成器\n\n生成和解析 Cron 表达式，提供人类可读的描述和下次执行时间",
"boundingRect": {
"top": 3463,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3553,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-46-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,10,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "将 JSON 对象转换为 TypeScript 接口、Go 结构体、Rust 结构体等",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3599,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3638,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-47-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,10,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/json-to-types\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "JSON 转类型\n\n将 JSON 对象转换为 TypeScript 接口、Go 结构体、Rust 结构体等",
"boundingRect": {
"top": 3561,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3651,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-48-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,11,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "解析 cURL 命令，生成 TypeScript、Go、Rust、Python、Java 类型定义",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3697,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3736,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-49-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,0,SECTION,1,DIV,11,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/curl-to-code\">",
"selector": "div.min-w-0 > section#dev > div.grid > a.group",
"nodeLabel": "cURL 转类型\n\n解析 cURL 命令，生成 TypeScript、Go、Rust、Python、Java 类型定义",
"boundingRect": {
"top": 3659,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3749,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-50-H3",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"text-xs font-mono uppercase tracking-wider text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#design > div.flex > h3.text-xs",
"nodeLabel": "设计工具",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3798,
"left": 20,
"right": 70,
"width": 50,
"bottom": 3814,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-51-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,0,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-[11px] font-mono text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#design > div.flex > span.text-[11px]",
"nodeLabel": "6 items",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3797,
"left": 346,
"right": 392,
"width": 46,
"bottom": 3815,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-52-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,0,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "批量压缩图片，支持 WebP/JPEG/PNG 输出、质量调节与 ZIP 下载",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3876,
"left": 73,
"right": 379,
"width": 306,
"bottom": 3915,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-53-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/image-compressor\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "图片压缩\n\n批量压缩图片，支持 WebP/JPEG/PNG 输出、质量调节与 ZIP 下载",
"boundingRect": {
"top": 3838,
"left": 20,
"right": 392,
"width": 372,
"bottom": 3928,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-54-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,1,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "在 HEX、RGB、HSL、HWB、CMYK 和 LCH 格式之间转换颜色",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 3975,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4014,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-55-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/color-converter\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "颜色转换器\n\n在 HEX、RGB、HSL、HWB、CMYK 和 LCH 格式之间转换颜色",
"boundingRect": {
"top": 3936,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4027,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-56-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,2,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "生成 box-shadow、渐变、border-radius 等 CSS 代码，并提供可视化预览",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4073,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4112,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-57-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,2,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/css-generator\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "CSS 生成器\n\n生成 box-shadow、渐变、border-radius 等 CSS 代码，并提供可视化预览",
"boundingRect": {
"top": 4035,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4125,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-58-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,3,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "将代码片段渲染为适合分享的高清图片",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4171,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4190,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-59-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/code-to-image\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "代码转图片\n\n将代码片段渲染为适合分享的高清图片",
"boundingRect": {
"top": 4133,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4203,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-60-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,4,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "优化和压缩 SVG 文件，在保持质量的同时减小文件大小",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4249,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4269,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-61-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,4,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/svg-optimizer\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "SVG 优化器\n\n优化和压缩 SVG 文件，在保持质量的同时减小文件大小",
"boundingRect": {
"top": 4211,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4282,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-62-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,5,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "在 PNG、JPEG、WebP、GIF 和 AVIF 格式之间转换图片",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4328,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4347,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-63-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,1,SECTION,1,DIV,5,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/image-converter\">",
"selector": "div.min-w-0 > section#design > div.grid > a.group",
"nodeLabel": "图片格式转换\n\n在 PNG、JPEG、WebP、GIF 和 AVIF 格式之间转换图片",
"boundingRect": {
"top": 4290,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4360,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-64-H3",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"text-xs font-mono uppercase tracking-wider text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#office > div.flex > h3.text-xs",
"nodeLabel": "效率办公",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4409,
"left": 20,
"right": 70,
"width": 50,
"bottom": 4425,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-65-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,0,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-[11px] font-mono text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#office > div.flex > span.text-[11px]",
"nodeLabel": "3 items",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4408,
"left": 346,
"right": 392,
"width": 46,
"bottom": 4427,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-66-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,0,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "在浏览器中合并多个 PDF，或按页码范围拆分 PDF",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4488,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4507,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-67-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/pdf-toolkit\">",
"selector": "div.min-w-0 > section#office > div.grid > a.group",
"nodeLabel": "PDF 合并/拆分\n\n在浏览器中合并多个 PDF，或按页码范围拆分 PDF",
"boundingRect": {
"top": 4450,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4520,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-68-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,1,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "CSV、Excel 与 JSON 互转，支持导入文件快速转换",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4566,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4586,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-69-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/table-json-converter\">",
"selector": "div.min-w-0 > section#office > div.grid > a.group",
"nodeLabel": "CSV/Excel ⇔ JSON\n\nCSV、Excel 与 JSON 互转，支持导入文件快速转换",
"boundingRect": {
"top": 4528,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4599,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-70-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,2,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "链接、Wi-Fi、文本和电子名片一键生成 QR 码，本地导出 PNG / SVG",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4645,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4684,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-71-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,2,SECTION,1,DIV,2,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/qr-generator\">",
"selector": "div.min-w-0 > section#office > div.grid > a.group",
"nodeLabel": "QR 码生成器\n\n链接、Wi-Fi、文本和电子名片一键生成 QR 码，本地导出 PNG / SVG",
"boundingRect": {
"top": 4607,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4697,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-72-H3",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"text-xs font-mono uppercase tracking-wider text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#text > div.flex > h3.text-xs",
"nodeLabel": "文本处理",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4746,
"left": 20,
"right": 70,
"width": 50,
"bottom": 4762,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-73-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,0,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-[11px] font-mono text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#text > div.flex > span.text-[11px]",
"nodeLabel": "3 items",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4745,
"left": 346,
"right": 392,
"width": 46,
"bottom": 4763,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-74-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,0,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "Markdown 与 HTML 双向转换，并支持实时预览",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4824,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4844,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-75-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/markdown-converter\">",
"selector": "div.min-w-0 > section#text > div.grid > a.group",
"nodeLabel": "Markdown 转换器\n\nMarkdown 与 HTML 双向转换，并支持实时预览",
"boundingRect": {
"top": 4786,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4857,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-76-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,1,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "支持行修剪、去空行、去重、排序，快速整理文本内容",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4903,
"left": 73,
"right": 379,
"width": 306,
"bottom": 4922,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-77-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/text-cleaner\">",
"selector": "div.min-w-0 > section#text > div.grid > a.group",
"nodeLabel": "文本清洗\n\n支持行修剪、去空行、去重、排序，快速整理文本内容",
"boundingRect": {
"top": 4865,
"left": 20,
"right": 392,
"width": 372,
"bottom": 4935,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-78-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,2,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "实时统计字数、词数和阅读时间，对照常用内容平台发布限额",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 4981,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5020,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-79-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,3,SECTION,1,DIV,2,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/platform-word-counter\">",
"selector": "div.min-w-0 > section#text > div.grid > a.group",
"nodeLabel": "字数统计与平台限额\n\n实时统计字数、词数和阅读时间，对照常用内容平台发布限额",
"boundingRect": {
"top": 4943,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5033,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-80-H3",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,0,DIV,0,H3",
"type": "node",
"snippet": "<h3 class=\"text-xs font-mono uppercase tracking-wider text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#ai > div.flex > h3.text-xs",
"nodeLabel": "AI 工具",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5082,
"left": 20,
"right": 69,
"width": 49,
"bottom": 5098,
"height": 16
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-81-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,0,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-[11px] font-mono text-[var(--text-muted)]\">",
"selector": "div.min-w-0 > section#ai > div.flex > span.text-[11px]",
"nodeLabel": "7 items",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 8.3pt (11px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5081,
"left": 346,
"right": 392,
"width": 46,
"bottom": 5099,
"height": 18
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-82-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,0,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "连接远程 MCP Server，调试 Tools / Resources / Prompts",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5160,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5199,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-83-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/mcp-debugger\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "MCP Debugger\n\n连接远程 MCP Server，调试 Tools / Resources / Prompts",
"boundingRect": {
"top": 5122,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5212,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-84-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,1,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "使用 AI 从自然语言描述生成正则表达式",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5259,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5278,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-85-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/ai-regex\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI 正则生成器\n\n使用 AI 从自然语言描述生成正则表达式",
"boundingRect": {
"top": 5220,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5291,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-86-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,2,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "输入数据结构，自动生成结构规范的测试 Mock 数据",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5337,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5357,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-87-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,2,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/ai-mock\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI Mock API\n\n输入数据结构，自动生成结构规范的测试 Mock 数据",
"boundingRect": {
"top": 5299,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5370,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-88-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,3,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "使用 AI 从自然语言描述生成 Mermaid 流程图、时序图等图表",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5416,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5455,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-89-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,3,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/ai-mermaid\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI Mermaid 图表\n\n使用 AI 从自然语言描述生成 Mermaid 流程图、时序图等图表",
"boundingRect": {
"top": 5378,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5468,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-90-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,4,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "估算 GPT、Claude、Gemini、DeepSeek 的 token 数量与参考费用",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5514,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5553,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-91-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,4,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/ai-token-counter\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI Token 计数器\n\n估算 GPT、Claude、Gemini、DeepSeek 的 token 数量与参考费用",
"boundingRect": {
"top": 5476,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5566,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-92-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,5,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "自动识别主体并抠出透明背景，支持无损 PNG 导出",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5612,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5631,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-93-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,5,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/background-remover\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI 背景移除\n\n自动识别主体并抠出透明背景，支持无损 PNG 导出",
"boundingRect": {
"top": 5574,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5644,
"height": 71
}
}
}
]
}
},
{
"node": {
"lhId": "1-94-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,6,A,1,DIV,1,P",
"type": "node",
"snippet": "<p class=\"mt-0.5 text-[12px] text-[var(--text-muted)] line-clamp-2 leading-relaxed\">",
"selector": "div.grid > a.group > div.min-w-0 > p.mt-0.5",
"nodeLabel": "生成标准一寸、二寸与护照证件照，支持白底、蓝底、红底切换",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.7 (foreground color: #6f766c, background color: #181b18, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 5691,
"left": 73,
"right": 379,
"width": 306,
"bottom": 5730,
"height": 39
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-95-A",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,2,SECTION,1,DIV,1,DIV,4,SECTION,1,DIV,6,A",
"type": "node",
"snippet": "<a class=\"group relative flex items-start gap-3 p-3 rounded-[10px] border border-[va…\" href=\"/zh/tools/id-photo-generator\">",
"selector": "div.min-w-0 > section#ai > div.grid > a.group",
"nodeLabel": "AI 证件照生成\n\n生成标准一寸、二寸与护照证件照，支持白底、蓝底、红底切换",
"boundingRect": {
"top": 5652,
"left": 20,
"right": 392,
"width": 372,
"bottom": 5743,
"height": 90
}
}
}
]
}
},
{
"node": {
"lhId": "1-96-SPAN",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,4,SECTION,0,DIV,0,DIV,1,DIV,1,SPAN",
"type": "node",
"snippet": "<span class=\"text-sm text-[var(--text-muted)]\">",
"selector": "div.flex > div > div.mt-4 > span.text-sm",
"nodeLabel": "/ 月",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6089,
"left": 122,
"right": 144,
"width": 22,
"bottom": 6109,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-97-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,4,SECTION,0,DIV,0,DIV,2,P",
"type": "node",
"snippet": "<p class=\"mt-2 text-sm text-[var(--text-muted)]\">",
"selector": "section#pricing > div.flex > div > p.mt-2",
"nodeLabel": "或 ¥99 / 年",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6119,
"left": 20,
"right": 392,
"width": 372,
"bottom": 6139,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-98-P",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,4,SECTION,1,P",
"type": "node",
"snippet": "<p class=\"mt-8 text-sm text-[var(--text-muted)]\">",
"selector": "div.home-shell > main.relative > section#pricing > p.mt-8",
"nodeLabel": "免费 ¥0 · 所有基础格式化与转换工具无限制使用 / 高级 AI 工具每日免费试用额度 / 数据完全留在本地浏览器沙盒",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6407,
"left": 20,
"right": 392,
"width": 372,
"bottom": 6447,
"height": 40
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-99-P",
"path": "1,HTML,1,BODY,3,DIV,7,FOOTER,0,DIV,0,P",
"type": "node",
"snippet": "<p translate=\"no\">",
"selector": "div.home-shell > footer.relative > div.border-t > p",
"nodeLabel": "iTool · itool.tech · 免费在线工具库",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6568,
"left": 20,
"right": 392,
"width": 372,
"bottom": 6588,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-100-A",
"path": "1,HTML,1,BODY,3,DIV,7,FOOTER,0,DIV,1,DIV,0,A",
"type": "node",
"snippet": "<a class=\"hover:text-[var(--brand)]\" href=\"/zh/privacy\">",
"selector": "footer.relative > div.border-t > div.flex > a.hover:text-[var(--brand)]",
"nodeLabel": "隐私政策",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6600,
"left": 20,
"right": 68,
"width": 48,
"bottom": 6620,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
},
{
"node": {
"lhId": "1-101-A",
"path": "1,HTML,1,BODY,3,DIV,7,FOOTER,0,DIV,1,DIV,1,A",
"type": "node",
"snippet": "<a class=\"hover:text-[var(--brand)]\" href=\"/zh/terms\">",
"selector": "footer.relative > div.border-t > div.flex > a.hover:text-[var(--brand)]",
"nodeLabel": "服务条款",
"explanation": "Fix any of the following:\n Element has insufficient color contrast of 3.95 (foreground color: #6f766c, background color: #121412, font size: 9.0pt (12px), font weight: normal). Expected contrast ratio of 4.5:1",
"boundingRect": {
"top": 6600,
"left": 84,
"right": 132,
"width": 48,
"bottom": 6620,
"height": 20
}
},
"subItems": {
"type": "subitems",
"items": [
{
"relatedNode": {
"lhId": "1-2-DIV",
"path": "1,HTML,1,BODY,3,DIV",
"type": "node",
"snippet": "<div class=\"home-shell relative min-h-[100dvh]\">",
"selector": "body > div.home-shell",
"nodeLabel": "跳到工具列表\niTool\n中文\n登录\n注册\n\nITOOL.TECH · 干净纯粹，开箱即用\n\niTool · 趁手的 数字军刀\niTool · 趁手的\n数字军…",
"boundingRect": {
"top": 0,
"left": 0,
"right": 412,
"width": 412,
"bottom": 6683,
"height": 6683
}
}
}
]
}
}
],
"headings": [
{
"key": "node",
"label": "Failing Elements",
"valueType": "node",
"subItemsHeading": {
"key": "relatedNode",
"valueType": "node"
}
}
],
"debugData": {
"tags": [
"cat.color",
"wcag2aa",
"wcag143",
"TTv5",
"TT13.c",
"EN-301-549",
"EN-9.1.4.3",
"ACT",
"RGAAv4",
"RGAA-3.2.1"
],
"type": "debugdata",
"impact": "serious"
}
}Reduce unused JavaScript
Est savings of 91 KiB
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.
对应元素与资源
{
"type": "opportunity",
"items": [
{
"url": "https://www.googletagmanager.com/gtag/js?id=G-BF3WR74HTN",
"totalBytes": 168351,
"wastedBytes": 71920,
"wastedPercent": 42.72049168017683
},
{
"url": "https://itool.tech/_next/static/chunks/ae3b95db7622951d.js",
"totalBytes": 25835,
"wastedBytes": 20772,
"wastedPercent": 80.40081540008929
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "source",
"valueType": "code"
}
},
{
"key": "totalBytes",
"label": "Transfer Size",
"valueType": "bytes",
"subItemsHeading": {
"key": "sourceBytes"
}
},
{
"key": "wastedBytes",
"label": "Est Savings",
"valueType": "bytes",
"subItemsHeading": {
"key": "sourceWastedBytes"
}
}
],
"sortedBy": [
"wastedBytes"
],
"debugData": {
"type": "debugdata",
"metricSavings": {
"FCP": 0,
"LCP": 0
}
},
"overallSavingsMs": 0,
"overallSavingsBytes": 92692
}Page prevented back/forward cache restoration
3 failure reasons
Many navigations are performed by going back to a previous page, or forwards again. The back/forward cache (bfcache) can speed up these return navigations. Learn more about the bfcache
对应元素与资源
{
"type": "table",
"items": [
{
"reason": "Pages with cache-control:no-store header cannot enter back/forward cache.",
"subItems": {
"type": "subitems",
"items": [
{
"frameUrl": "https://itool.tech/zh"
}
]
},
"failureType": "Actionable",
"protocolReason": "CacheControlNoStoreCookieModified"
},
{
"reason": "Pages whose main resource has cache-control:no-store cannot enter back/forward cache.",
"subItems": {
"type": "subitems",
"items": [
{
"frameUrl": "https://itool.tech/zh"
}
]
},
"failureType": "Not actionable",
"protocolReason": "MainResourceHasCacheControlNoStore"
},
{
"reason": "Back/forward cache is disabled because some JavaScript network request received resource with Cache-Control: no-store header.",
"subItems": {
"type": "subitems",
"items": [
{
"frameUrl": "https://itool.tech/zh"
}
]
},
"failureType": "Not actionable",
"protocolReason": "JsNetworkRequestReceivedCacheControlNoStoreResource"
}
],
"headings": [
{
"key": "reason",
"label": "Failure reason",
"valueType": "text",
"subItemsHeading": {
"key": "frameUrl",
"valueType": "url"
}
},
{
"key": "failureType",
"label": "Failure type",
"valueType": "text"
}
]
}Layout shift culprits
Layout shifts occur when elements move absent any user interaction. Investigate the causes of layout shifts, such as elements being added, removed, or their fonts changing as the page loads.
对应元素与资源
{
"type": "list",
"items": [
{
"type": "table",
"items": [
{
"node": {
"type": "text",
"value": "Total"
},
"score": 0.14955637404180494
},
{
"node": {
"lhId": "page-2-DIV",
"path": "1,HTML,1,BODY,3,DIV,6,MAIN,0,SECTION,1,DIV",
"type": "node",
"snippet": "<div class=\"home-enter rounded-[18px] border border-[var(--border)] bg-[var(--surface)…\">",
"selector": "div.home-shell > main.relative > section.pt-12 > div.home-enter",
"nodeLabel": "regex-tester\nINPUT\n/\\b[A-Z0-9\nOUTPUT",
"boundingRect": {
"top": 447,
"left": 20,
"right": 392,
"width": 372,
"bottom": 791,
"height": 344
}
},
"score": 0.1464090573219699
},
{
"node": {
"lhId": "page-1-DIV",
"path": "1,HTML,1,BODY,3,DIV,5,HEADER,0,DIV,2,DIV",
"type": "node",
"snippet": "<div class=\"flex items-center gap-2\">",
"selector": "div.home-shell > header.sticky > div.relative > div.flex",
"nodeLabel": "中文\n登录\n注册",
"boundingRect": {
"top": 11,
"left": 112,
"right": 392,
"width": 280,
"bottom": 45,
"height": 33
}
},
"score": 0.00277463360615778
},
{
"score": 0.0000540386455438536
},
{
"score": 0.00003353898860324965
},
{
"score": 0.00003353898860324965
}
],
"headings": [
{
"key": "node",
"label": "Element",
"valueType": "node",
"subItemsHeading": {
"key": "extra"
}
},
{
"key": "score",
"label": "Layout shift score",
"valueType": "numeric",
"granularity": 0.001,
"subItemsHeading": {
"key": "cause",
"valueType": "text"
}
}
]
}
]
}Legacy JavaScript
Est savings of 13 KiB
Polyfills and transforms enable older browsers to use new JavaScript features. However, many aren't necessary for modern browsers. Consider modifying your JavaScript build process to not transpile Baseline features, unless you know you must support older browsers. Learn why most sites can deploy ES6+ code without transpiling
对应元素与资源
{
"type": "table",
"items": [
{
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"subItems": {
"type": "subitems",
"items": [
{
"signal": "Array.prototype.at",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 5126,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.flat",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 4514,
"urlProvider": "network"
}
},
{
"signal": "Array.prototype.flatMap",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 4627,
"urlProvider": "network"
}
},
{
"signal": "Object.fromEntries",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 5003,
"urlProvider": "network"
}
},
{
"signal": "Object.hasOwn",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 5261,
"urlProvider": "network"
}
},
{
"signal": "String.prototype.trimEnd",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 4256,
"urlProvider": "network"
}
},
{
"signal": "String.prototype.trimStart",
"location": {
"url": "https://itool.tech/_next/static/chunks/001037fa79564177.js",
"line": 0,
"type": "source-location",
"column": 4171,
"urlProvider": "network"
}
}
]
},
"wastedBytes": 13717
}
],
"headings": [
{
"key": "url",
"label": "URL",
"valueType": "url",
"subItemsHeading": {
"key": "location",
"valueType": "source-location"
}
},
{
"key": null,
"label": "",
"valueType": "code",
"subItemsHeading": {
"key": "signal"
}
},
{
"key": "wastedBytes",
"label": "Wasted bytes",
"valueType": "bytes"
}
],
"debugData": {
"type": "debugdata",
"wastedBytes": 13717
}
}Network dependency tree
Avoid chaining critical requests by reducing the length of chains, reducing the download size of resources, or deferring the download of unnecessary resources to improve page load.
对应元素与资源
{
"type": "list",
"items": [
{
"type": "list-section",
"value": {
"type": "network-tree",
"chains": {
"376767FFED26B5383E22B1AD4CA9964F": {
"url": "https://itool.tech/zh",
"children": {
"3269.5": {
"url": "https://itool.tech/_next/static/chunks/5db513996f654ad0.css",
"children": {},
"transferSize": 23702,
"navStartToEndTime": 454
},
"3269.6": {
"url": "https://itool.tech/_next/static/chunks/416d710481295565.css",
"children": {},
"transferSize": 1059,
"navStartToEndTime": 448
},
"3269.45": {
"url": "https://itool.tech/manifest.webmanifest",
"children": {},
"isLongest": true,
"transferSize": 710,
"navStartToEndTime": 794
}
},
"isLongest": true,
"transferSize": 44430,
"navStartToEndTime": 395
}
},
"longestChain": {
"duration": 794
}
}
},
{
"type": "list-section",
"title": "Preconnected origins",
"value": {
"type": "text",
"value": "no origins were preconnected"
},
"description": "[preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints help the browser establish a connection earlier in the page load, saving time when the first request for that origin is made. The following are the origins that the page preconnected to."
},
{
"type": "list-section",
"title": "Preconnect candidates",
"value": {
"type": "text",
"value": "No additional origins are good candidates for preconnecting"
},
"description": "Add [preconnect](https://developer.chrome.com/docs/lighthouse/performance/uses-rel-preconnect/) hints to your most important origins, but try to use no more than 4."
}
]
}测试环境与原始指标
{
"finalUrl": "https://itool.tech/zh",
"userAgent": "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/151.0.0.0 Safari/537.36",
"formFactor": "mobile",
"throttlingMethod": "simulate",
"throttling": {
"rttMs": 150,
"throughputKbps": 1638.4,
"requestLatencyMs": 562.5,
"uploadThroughputKbps": 675,
"cpuSlowdownMultiplier": 4,
"downloadThroughputKbps": 1474.5600000000002
},
"metrics": [
{
"id": "largest-contentful-paint",
"unit": "millisecond",
"value": 1812.4445
},
{
"id": "cumulative-layout-shift",
"unit": "unitless",
"value": 0.14955637404180494
},
{
"id": "total-blocking-time",
"unit": "millisecond",
"value": 958.9999999999995
},
{
"id": "first-contentful-paint",
"unit": "millisecond",
"value": 1533.4445
},
{
"id": "speed-index",
"unit": "millisecond",
"value": 2195.197661229195
}
]
}01 / 值得借鉴
好设计，具体好在哪
鲜明的数据不出本地隐私定位与终端质感
首屏明确标注文档与代码'数据不出本地、无需注册登录'，搭配交互式 JSON 终端演示，迅速打消了注重数据安全开发者的顾虑。
高密度、结构清晰的实用工具目录
将 31 款工具按开发（12）、设计（6）、办公（3）、文本（3）与 AI（7）分类，卡片附有一句话功能描述，桌面端查阅极为高效。
02 / 下一步
值得继续打磨的地方
- 01
优化首屏承接动线，直达工具检索而非娱乐 Demo
急需处理 JSON、正则或 Diff 的开发者在首屏下方第一眼看到的是德州扑克和麻将，容易产生不务正业的认知断层，造成任务导向型用户流失。
在首屏三个特性标签下方增加分类快捷锚点或即时搜索快捷键提示，将娱乐性质的 AI 对局标为'实验室 / Playground'并退居次要位置。在 1440px 视口验证首屏一屏内即可看到核心工具类别。
- 02
优化 390px 移动端顶栏触摸目标与操作密度
在 390px 视口下，顶栏横向塞入了搜索图标、主题切换、语言下拉、登录文字与注册胶囊按钮，间距狭窄极易发生误触。
将主题与多语言切换移入移动端侧边抽屉或底栏，顶栏仅保留 Logo、搜索按钮与一个统一的用户操作按钮。确保每个可点击区域在 390px 下不少于 44x44px。
- 03
在工具卡片上明确标注免费与 Pro 会员权益差异
底部 Pro 方案展示了 9.9 元/月权益（AI 抠图、大批量处理等），但上方工具列表中未标明哪些属于 Pro 特权或每日免费额度，导致升级转化脱节。
在每个工具卡片右上角增加轻量标签（如'纯本地免费'、'含每日 AI 额度'），点击可查看配额说明与升级指引。在未登录与免费状态下验证引导逻辑。
03 / 设计语言
把气质拆成可复用的参数
色彩
背景
#121412文字
#edeeea强调
#1f2421字体与尺度
- 标题字体
- Bricolage Grotesque
- 正文字体
- Bricolage Grotesque
- 标题 / 正文
- 51.2px / 16px
间距与形状
- 区块间距
- 0px
- 组件内距
- —
- 卡片圆角
- —
- 按钮圆角
- 10px
表达也可以更准确
文案润色对照
现在
取用工具
建议表达
浏览全部 31 款工具
'取用工具'动词偏抽象，明确写出'浏览全部 31 款工具'更具行动召唤力。现在
今天先玩这四个
建议表达
AI 实验室精选
'今天先玩这四个'口语化且偏娱乐消遣，削弱了'数字军刀'的专业效率工具定位。04 / 检查依据
观察与实测依据
逐项查看观察、建议与采集记录。
品味2 项观察
首屏只有渐变字，没有画面
大标题加渐变、没有真实图片或核心交互，是典型的生成首屏套路。
加一张真照片、产品静物，或真实交互。不要用空 div 假装内容。
iTool · 趁手的 数字军刀iTool ·
H1 动态打字机效果在 DOM 中产生重复拼接文本
DOM 中提取的 H1 为 'iTool · 趁手的 数字军刀iTool ·'，这是因为打字动效的循环 span 与无障碍文本重叠，影响 SEO 与屏幕阅读器解析。
在动态打字 span 上增加 aria-hidden='true'，并在外层或 sr-only span 中提供单一完整的语义化 H1（如 'iTool · 趁手的数字军刀'）。
h1: iTool · 趁手的 数字军刀iTool ·
转化4 项观察
分享卡片不完整
高优先级在 X、Slack 或微信里展开成空白或套话，等于浪费已经拿到的点击。这是分发，不是装饰。
补上 og:title、og:description，以及一张和线上标题一致的 1200x630 图。
og:title=yes og:image=no
页面上没有人或证明
中优先级陌生人落到一个看起来像 AI、没有作者、没有客户、没有联系方式的站点上，不会把邮箱给你。
加上真名、真脸、真实联系方式，或一句真实客户的话。
no about, no first-person, no quote
找不到真人联系方式
中优先级想买、想问、想投诉的人没有出口。这是转化漏洞，也是信任漏洞。
页脚放一个能用的邮箱、表单，或真实社交账号。一个就够。
no mailto / telegram / x / github / email
移动端顶栏空间狭窄导致注册按钮文字折行挤压
中优先级在 390px 截图可见，注册按钮内的'注'和'册'呈上下垂直排列，挤在紧凑小胶囊内，视觉局促且影响点击率。
在小于 640px 的视口下将主题与语言下拉移入汉堡菜单，为登录与注册按钮保留横向完整排版，单按钮最小宽度设为 64px。
中文 -> (button) / 注册 -> /zh/register
上线5 项观察
没有 HSTS 响应头
中优先级没有 Strict-Transport-Security，第一次访问仍可能被降到 http。浏览器不会钉死 HTTPS。
在边缘设置 Strict-Transport-Security: max-age=31536000; includeSubDomains。
strict-transport-security missing
外链脚本太多
中优先级每多一个脚本，就多一次布局跳动、追踪和失败。十八个不是技术栈，是一堆。
只留真正有用的脚本。其余等空闲再加载，或者删掉。
19 external scripts
没有 Content-Security-Policy
CSP 是限制脚本源的标准做法。vibe 页面常常什么都加载，包括被注入的脚本。
先开 report-only CSP，再收成 default-src 'self' 和明确的 script-src。
content-security-policy missing
没有 X-Content-Type-Options
没有 nosniff，浏览器可能按错误类型解释文件。这是一行响应头。
设置 X-Content-Type-Options: nosniff。
x-content-type-options missing
没有 Referrer-Policy
默认 referrer 可能把站内路径和查询串漏给第三方。
设置 Referrer-Policy: strict-origin-when-cross-origin。
referrer-policy missing
链接分享预览
iTool（itool.tech）— 免费在线工具库
iTool 是 itool.tech 上的免费浏览器在线工具库。无需下载、无需安装，打开即可使用 JSON 格式化、Diff 对比、URL 编解码、PDF、图片压缩等开发与效率工具。
05 / 开始动手
把下一步，交给你的 AI
优化指令用于调整这个页面；设计指令用于借鉴它的视觉语言。「做同款」会附带截图与实施步骤。复制后粘贴到你的代码助手中。
查看完整指令
优化 iTool（https://itool.tech/zh）的转化率与移动端体验。1）在 640px 以下移动端视口，将主题切换与语言选择移入轻量侧栏抽屉，释放顶栏空间，避免'注册'文字在胶囊内垂直折行，确保所有点击区域不小于 44x44px。2）首屏主行动按钮文案由'取用工具'调整为'浏览全部 31 款工具'，平滑滚动至工具列表，并在首屏特性标签下方增加分类快速跳转标签（开发 12、设计 06、AI 07 等）。3）将'今天先玩这四个'调整为'AI 实验室精选'，加上 Experimental 标记，避免娱乐化项目喧宾夺主。4）修复 H1 动态打字机效果在无障碍树中的重复拼接问题，添加 aria-hidden。严格保留现有设计变量：背景色 #121412、品牌色 #2a7a60、卡片表面色 #181b18、文字色 #edeeea 以及代码等宽字体 IBM Plex Mono。