Python启动本地HTTP服务器可解决file://协议跨域问题，命令为python -m http.server 8000，需确保index.html在当前目录，访问http://localhost:8000即可加载JS/CSS等资源；局域网共享需绑定0.0.0.0并替换为本机IP。
直接用本地文件双击打开，别人根本打不开——因为没有 HTTP 服务，浏览器会拒绝加载 file:// 协议下的脚本、样式或图片（尤其是用了 fetch、XMLHttpRequest 或相对路径的 img src 时）。真正能分享的，是带 http:// 或 https:// 开头的临时链接。
用 Python 快速起一个本地 HTTP 服务
如果你装了 Python 3.6+（绝大多数开发环境都有），终端进到 HTML 文件所在目录，一行命令就能跑起来：
python -m http.server 8000
然后把 http://localhost:8000/your-page.html 改成你的真实文件名，发给别人。对方只要和你在同一个局域网，把 localhost 换成你的电脑 IP（比如 http://192.168.1.12:8000/your-page.html）就能访问。
- 默认只监听
127.0.0.1，外网设备连不上；加--bind 0.0.0.0:8000才开放局域网访问 - 不支持 HTTPS，现代浏览器对某些 API（如
navigator.geolocation）会强制要求 HTTPS - 所有文件都可被列出，别放敏感内容在同目录下
用 VS Code 插件 Live Server 启动带热重载的预览
VS Code 用户装上 Live Server 插件后，右键 HTML 文件 → “Open with Live Server”，它会自动：开服务、启动浏览器、监听文件变化并刷新页面。生成的地址类似 http://127.0.0.1:5500/index.html。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
- 默认不对外网开放，想让别人访问得手动改插件设置里的
liveServer.settings.host为0.0.0.0 - 端口可能被占用，可在设置里改
liveServer.settings.port - 它会自动注入一个小型 WebSocket 客户端，所以比原生
http.server多一个实时刷新能力
用在线编辑器生成免部署分享链接
像 CodePen、JSFiddle、CodeCraftStudio 这类工具，粘贴你的 HTML/CSS/JS，点“Run”或“Share”，立刻得到一个短链接（如 https://codepen.io/xxx/pen/abc123）。对方点开就是渲染好的页面，无需任何配置。
- 适合教学演示、快速验证布局、协作调试——但注意：代码公开可见，别传含 API Key 或用户数据的片段
- 部分编辑器对
<iframe>、localStorage或跨域请求有限制，复杂交互可能行为不一致 - 如果用了本地路径的图片（如
src="images/logo.png"），得先转成 Base64 或上传到图床再替换链接
最常被忽略的一点：很多人以为“能在我电脑上打开”就等于“能分享”，其实关键不在 HTML 本身，而在资源加载上下文。HTTP 协议带来的同源策略、MIME 类型识别、CORS 控制，全都会在 file:// 下失效。临时分享前，务必确认所有资源（CSS、JS、字体、图片）都能通过 HTTP 正确加载。
