android上的Chrome - 不加载本地网站javascript和css

Question

我在带有本地网站的 Android 版 Chrome 上遇到了奇怪的问题。

它适用于 Firefox for Andorid，但不适用于 Chrome。

在我的网站上： https : //passcombo.com有一个带有 zip 文件的下载链接。

我要做的是：

1. 将文件下载到本地文件系统（不是 SSD！ - 外部存储会产生另一个问题！）
2. 我解压缩包并使用 File Commander 转到本地存储中的站点
3. 我用 Chrome 打开 html 文件 - 只有 HTML 加载，没有 CSS，没有 JS，没有图像，没有字体。

看起来相对路径存在路径问题？

但是 Firefox 有效！

工作替代品是 Firefox，但你需要写正确的奇怪路径：“file:///storage/emulated/0/..../...html” 但是......目前 Chrome 主要用于 Andorid 所以它是糟糕的本地站点无法正常工作：/

Answer 1

它无法使用文件资源管理器打开，您必须在地址栏中写入路径file:///sdcard/Download...或任何地方。 JS在我的Galaxy S6本地html文件上与Chrome使用。

Answer 2

我找到的唯一解决方案是：

1. [更新 2021] 使用 Opera（Firefox 在最近更新之前确实可以工作！）
2. 将带有我的 html/css/js 的文件夹复制到本地存储（某处）
3. 使用以下路径打开站点：[current Opera] file:///storage/0000-0000/MyFolder/index.html [firefox 中的旧] file:///storage/emulated/0/myfolder/index.html

其中“file:///storage/0000-0000/”或“file:///storage/emulated/0/”是本地存储的主要路径，如果您将文件夹复制得更深，则需要更改'myfolder' 到 /somefolder1/somesubfolder/.../ sth

遗憾的是，这是为 android 创建 Web 浏览器应用程序的唯一方法。

Answer 3

可以在手机上使用 HTTP 服务器应用程序。

例如SimpleHttpServer 。

将该应用程序设置中的“文档根目录”设置为 html 文件所在的文件夹。 启动服务器，你会看到一个本地链接。
单击该链接并选择要显示的 html 文件。

如果您相对地声明了您的资产，那么这些资产也会被加载。

Answer 4

在 Android 中对我有用的唯一解决方案是 HTTP Web Server（我使用的是Simple HTTP Server ）。

安装不同的浏览器无济于事： （2021 年 4 月）我尝试在 Android 中安装各种浏览器（Chrome、FireFox，甚至Opera等），但都没有奏效。 在所有情况下，当我仅使用本地file:/// URL（' file:///sdcard/ ' 或 ' file:///storage/emulated/0/ '）浏览器导航到包含 HTML/JS 文件的文件夹时显示文件夹但没有文件。 当我使用 HTML 文件的绝对路径时，浏览器使用content:///协议来呈现静态 HTML 内容，即它不允许执行 JavaScript 代码。

Answer 5

在我的 Android 操作系统版本 7 中，要在 Google Chrome 浏览器（版本 64.0.3282.123）中使用 css 和 javascript 打开本地 html 文件，我必须通过地址栏输入file://localhost/sdcard/来打开它，然后导航到文件位置。 尽管在地址中提到了sdcard ，它还是打开了一个内部存储（我的设备也有实际的可移动 sdcard）。

Answer 6

似乎 Chrome 读取本地文件的唯一目录是file:///sdcard/Android/data/com.android.chrome/files/Download/

Answer 7

目前，我也面临这个问题。 Chrome 不会链接到设备上的其他文件，但您可以通过使用<script>和<style>标签来使用 js 和 CSS，这些标签将包含在网页中。 但是，对于其他文件，如图像、音频、视频等，如果没有 3rd 方应用程序建立任何服务器，它仍然无法在 Android 上完成。

Answer 8

1.从 Playstore 安装文本编辑器。 它的名字Acode 2.Got to your local file storage ，然后选择你的.html文件并长按。 3.在 .html 文件上长按后，您会看到更多（手机屏幕左侧） 4. 从更多菜单中，选择使用选项打开 5. 选择 Acode 文本编辑器 6.当在 Acode 编辑器上打开 html 文件时，然后从 Acode 文本编辑器预览它。 就这样。 它会 100% 有效..（对不起我的英语）