直接双击HTML文件可运行，但fetch等API会因file://协议被浏览器安全策略阻止；在线编辑器如JSFiddle适合试运行片段；代码需检查转义字符、引号格式和标签闭合；调用API需启动本地HTTP服务。
用浏览器直接打开 HTML 文件最简单
只要别人给的是完整的 .html 文件（或带 <html> 标签的代码块），你根本不用装任何工具——复制粘贴就能跑。
操作步骤很直白：
- 新建一个文本文件，把代码完整粘进去
- 保存为
demo.html（后缀必须是.html，不能是.txt） - 双击这个文件，系统会用默认浏览器自动打开
注意：如果代码里用了 fetch、XMLHttpRequest 或本地 file:// 加载资源，浏览器可能因安全策略报错 Blocked loading resource from cross-origin script 或 Access to fetch at 'file://' from origin 'null' has been blocked——这是正常现象，不是你操作错了。
在线编辑器适合快速试运行片段
如果你只有几行代码（比如一段带 <script> 的 HTML），又不想存文件，用在线编辑器更轻量。推荐三个真正免登录、不传服务器的：
立即学习“前端免费学习笔记（深入）”；
-
https://jsfiddle.net：左侧三栏分别贴HTML/CSS/JavaScript，点Run就执行 -
https://codepen.io/pen：类似，但对现代 CSS 和模块化 JS 支持更好 -
https://htmledit.squarefree.com：极简单栏，纯 HTML 粘进去就渲染，适合老式代码或教学演示
关键提醒：jsfiddle 默认用 onLoad 执行 JS，如果代码依赖 DOMContentLoaded 或需要立即执行，记得在左上角把 JavaScript 加载方式改成 No wrap - in <head>。
遇到“空白页”或“语法错误”先查这三处
不是所有分享的 HTML 都能直接跑，尤其从博客、截图或聊天记录里复制过来的代码，常有隐藏坑：
- 代码被 Markdown 或富文本格式污染：比如
<p>变成<p></p>，需手动替换回原始符号 - 引号是中文全角字符（‘’“”）而不是英文半角（''""），会导致 JS 报
Uncaught SyntaxError: Invalid or unexpected token - 漏了闭合标签，比如只写了
<div>没写</div>，浏览器虽会容错，但复杂交互可能失效
快速验证方法：把代码粘到 https://validator.w3.org，它会标出具体哪行哪列有问题。
需要调 API 或本地文件时得换方案
如果那段 HTML 里写了 fetch('/api/user') 或 import('./utils.js') 这类东西，在本地双击或普通在线编辑器里基本跑不通——它们依赖 HTTP 服务和同源策略。
这时候得启动一个最小本地服务：
- 有 Node.js？终端进代码目录，运行
npx serve（需先npm install -g serve），然后访问http://localhost:5000 - 没 Node？用 Python：Python 3 运行
python -m http.server 8000，Python 2 用python -m SimpleHTTPServer 8000 - 或者直接装个浏览器插件，比如 Chrome 的
Web Server for Chrome，选中文件夹一键启服务
记住：只要 URL 是 http:// 或 https:// 开头，跨域和模块加载才能按预期工作；file:// 协议下，这些功能基本等于被锁死。
