直接双击打开.html文件不生效是因浏览器对file://协议的安全限制，导致xmlhttprequest、fetch等api失败；应使用live server或http-server启动本地http服务来规避。
直接双击打开 .html 文件为什么有时不生效
因为浏览器对本地 file:// 协议的限制越来越严——尤其是涉及 XMLHttpRequest、fetch、localStorage 或跨文件读取时，Chrome、Edge 会直接报 CORS 错误或静默失败。不是文件坏了，是安全策略卡住了。
- 开发阶段别依赖双击：哪怕页面显示正常，AJAX 请求、JSON 加载、模块导入（
import）大概率会挂 - 用 VS Code 插件如
Live Server启一个本地http://localhost:5500服务，本质是绕过file://限制 - 命令行快速起服务（Node.js 环境下）：
npx http-server -c-1，-c-1关闭缓存，避免改了 HTML 看不到效果
open 命令在 macOS 终端打不开 .html 文件？
不是命令错了，是路径没写对，或者用了中文空格/全角字符。macOS 的 open 默认调用关联应用（通常是 Safari），但只认绝对路径或当前目录下的相对路径。
- 进到文件所在目录再执行：
cd /path/to/project && open index.html - 用绝对路径（推荐）：
open /Users/you/project/index.html，别用~/project/index.html，~在某些 shell 下不展开 - 如果想强制用 Chrome：
open -a "Google Chrome" index.html，注意应用名必须完全匹配（查ls /Applications | grep -i chrome）
Windows 双击 .html 打开空白页或报错 SEC7111
IE/Edge Legacy 会拦截本地脚本（SEC7111 表示“无法加载活动内容”），现代 Edge（Chromium 内核）虽好些，但默认仍禁用 file:// 下的 fetch 和 Worker。
塑料卡板销售统计管理系统
下载
塑料卡板销售统计管理系统是一款对商品销售情况进行统一管理的系统。 程序特点1，简单,方便,网络操作,不受单台电脑文件保存限制2，纸质与数据库客户数据保存,查询变得更为方便3，免去久远的历史单据与数据查询烦恼4，方便的数据统计与自动核算功能5，丰富的销售数据录入与管理6, 销售清单(送货单)打印功能,支持条型码.7, 销售业绩提成统计功能8, 收款与未收款分开统计功能 后台地址：admin/logi
- 右键 → “属性” → 勾掉“安全”选项卡里的“此文件来自其他计算机”，点“确定”再试（解除 Windows 的附件管理器锁定）
- 把文件从压缩包、微信/QQ 接收目录、OneDrive 同步区移出来再打开——这些位置可能带 NTFS 流标记，触发浏览器防护
- Edge 地址栏输入
edge://flags/#block-insecure-private-network-requests，设为Disabled（仅调试用，不建议长期开启）
VS Code 里右键“Open with Live Server”没反应？
插件没启用，或当前文件没被识别为 HTML。Live Server 只响应后缀是 .html 或 .htm 的文件，且文件必须已保存（未保存的临时标签页不会触发）。
立即学习“前端免费学习笔记（深入）”；
- 确认插件已安装并启用：在扩展页搜
Live Server，作者是Ritwick Dey，状态显示“启用中” - 文件必须有
.html后缀，且不能是index.htm.txt这种系统隐藏了扩展名的伪文件（Win 下需显示文件扩展名） - 项目根目录下没有
package.json或webpack.config.js不影响使用，Live Server 不依赖构建工具
http:// 比 file:// 多半步，但少踩八成坑。 
