结论是：windows 7仅支持mshtml（ie内核），win10 1709–20h2需手动安装webview2 runtime，win10 21h1+及win11才原生支持webview2 sdk无需额外部署；选错系统匹配的渲染引擎将导致工具白屏或报错。
直接说结论：不是“配工具”，而是“看系统能跑什么引擎”——Windows 7 只能用 MSHTML（IE 内核），Win10 1809 后要装 WebView2 Runtime，Win10 21H1+ 和 Win11 才能免装运行时直接调用现代 Chromium 渲染。选错就白装。
Windows 7 老机器只能用 MSHTML 兼容工具
Win7 SP1 已停更，不支持 WebView2，所有基于 Edge WebView2 的新工具（如新版 VS Code 内置预览、Brackets 新版 Live Preview）会直接报错或黑屏。必须退回 IE 内核路径：
- 用
HTA封装 HTML + JS：文件后缀为.hta，双击即以 MSHTML 引擎执行，支持document.getElementById、setTimeout等基础 API，但不支持fetch、Promise、querySelector - Notepad++ v7.9.5 是最后兼容 Win7 的稳定版，
Ctrl + Shift + X调出的内置预览窗也是走 MSHTML，仅限静态渲染，JS 执行受限 - 禁用所有现代语法：
let/const改var，箭头函数改function，字符串拼接用+不用反引号
Windows 10 1709–20H2 必须手动装 WebView2 Runtime
这个区间系统自带 EdgeHTML，但 WebView2 SDK 需独立部署，否则 VS Code 的 Live Server、Brackets 的 Live Preview、甚至某些 Electron 封装的 HTML 工具都会提示“无法启动 WebView2”或白屏。
- 去微软官网下载对应架构的
MicrosoftEdgeWebView2Runtime（x64 或 x86），安装后重启工具才生效 - 验证是否成功：在 PowerShell 中运行
[System.Diagnostics.FileVersionInfo]::GetVersionInfo("$env:LOCALAPPDATA\Microsoft\EdgeWebView\Application\*.0.0.0\WebView2Loader.dll").FileVersion，有输出即表示已加载 - VS Code 若仍报错，检查设置中
html.suggest.html5是否为true，且工作区未启用旧版html.format.wrapLineLength等已弃用配置
Windows 10 21H1+ 和 Windows 11 直接用现代工具链
系统原生集成 WebView2 SDK 1.0.1518.46+，无需额外安装运行时，VS Code、Brackets、甚至自研的 HTML 函数调试器都能直接调用 Chromium 渲染，fetch、IntersectionObserver、WebAssembly 全部可用。
- VS Code 安装 Live Server 后右键
Open with Live Server，地址是http://127.0.0.1:5500/，不是file://协议，避免 CORS 和 localStorage 限制 - Brackets 启动时若提示“Chrome not found”，不是浏览器没装，而是它默认找
C:\Program Files\Google\Chrome\Application\chrome.exe，如果 Chrome 装在其他盘或用了便携版，需手动修改brackets.json中的"livepreview.chromePath" - 注意
Live Server插件默认不代理/api/请求，如需调试 fetch 接口，得加配置项"liveServer.settings.AdvanceCustomBrowserCmdLine": "--disable-web-security"（仅开发环境）
老旧集成显卡机器要关硬件加速再跑
哪怕系统版本够新，Intel HD Graphics 3000 / AMD Radeon HD 6000 这类老集显在启用 GPU 加速后反而更卡——驱动层频繁 fallback 到 CPU 合成，主线程被拖死。
- Chrome/Edge 地址栏输入
chrome://settings/system，关闭“使用硬件加速模式” - 右键浏览器快捷方式 → 属性 → 目标末尾加空格后粘贴：
--disable-gpu --disable-software-rasterizer --disable-webgl - 打开
chrome://gpu确认 “Graphics Feature Status” 下所有条目都显示Disabled或Software only，此时 JS 执行和 DOM 更新才真正可控
最常被忽略的一点：所谓“HTML 函数工具”根本不存在——你真正依赖的是浏览器 JS 引擎和渲染管线。年份决定的不是软件名字，而是底层 COM 组件（MSHTML）、运行时（WebView2 Runtime）或系统服务（WebView2 SDK）能不能加载。装错版本，连 document.write 都可能静默失败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
