浏览器直接打开HTML文件无法找到/img或/js文件夹求助

问题出在路径写法和运行协议的差异：

• IDE内置浏览器通过本地HTTP服务器（http://开头）运行页面，根路径/指向你的项目根文件夹；
• 直接双击HTML打开是用file://协议，根路径/会指向电脑系统根目录（比如C盘、D盘根目录），自然找不到项目里的img和js文件夹。

解决步骤： #

• 修改资源引用路径，去掉开头的斜杠：
  • 把/js/xxx.js改成js/xxx.js
  • 把/img/xxx.png改成img/xxx.png
    这种相对路径基于当前HTML文件所在位置，去查找同级的js、img文件夹，两种运行方式都能适配。
• 确认文件夹结构：确保img、js文件夹和HTML文件在同一个目录下（和你提供的项目结构截图一致）。

改完之后再直接打开HTML文件，就能正常加载资源了。

内容的提问来源于stack exchange，提问作者Thomas Delgado