移动端浏览器外部JS文件无法加载问题求助

问题说明 #

在Chrome Mobile、Kiwi等移动端浏览器中，同目录下的外部JS文件无法被本地HTML加载执行，但桌面端运行正常。相关代码如下：

• script.js内容：

alert('hello from script');

• HTML引入代码：

<script src="script.js"></script>

尝试过./script.js路径、添加type="text/javascript"属性、直接使用content://协议的完整路径，均未解决问题。

解决办法 #

1. 改用HTTP服务器访问本地文件 #

移动端浏览器对file://协议的脚本执行限制远严于桌面端，通过本地HTTP服务器访问是最可靠的方案：

• 跨设备方案（手机与电脑同局域网）：
  在文件所在文件夹打开电脑终端，执行以下命令启动简易服务器：

  # Python 3版本
  python -m http.server 8000
  # Python 2版本
  python -m SimpleHTTPServer 8000
  

  随后在手机浏览器输入http://[电脑局域网IP]:8000/你的HTML文件名.html即可访问。
• 移动端本地方案：
  使用Termux（安卓）安装Python后，在文件目录执行上述服务器命令；或使用专门的本地服务器APP（如各类HTTP Server应用），指定目标文件夹启动服务。

2. 检查并开启浏览器存储权限 #

• 进入手机设置的应用权限管理，找到Chrome Mobile/Kiwi浏览器，确保已开启存储读写权限。
• 部分浏览器可通过调试选项放宽本地文件限制：在地址栏输入chrome://flags（Chrome）或kiwi://flags（Kiwi），搜索Local File Access相关选项，设置为启用后重启浏览器。

3. 清理路径中的特殊字符 #

你的文件路径包含空格（test script src），尽管已转义为%20，但部分移动端浏览器对含特殊字符的本地路径处理存在兼容问题。建议将文件夹/文件名修改为无空格、无特殊字符的形式（如test-script-src），再使用相对路径引入JS文件。

4. 内联JS临时验证（紧急场景） #

如果需要快速验证代码有效性，可以将JS代码直接内联到HTML中，排除路径相关问题：

<script>
alert('hello from script');
</script>

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