index.html不在移动浏览器上加载style.css（脱机，保存在文件夹中）

Question

（ 请在不良反馈之前阅读。还有类似的问题，但不是我正在寻找的东西。 ）

我有一个网页，是在台式机上创建的，保存在文件夹中 。 （不使用任何XAMPP或其他任何东西，仅使用Visual Studio Code中的Live Server插件。）

我已将文件夹从桌面复制/粘贴到手机（Huawei P10）。 比起我简单地打开“ index.html”，唯一要加载的是创建的内容。...没有图像，没有样式，没有任何东西。 请问有什么帮助吗？

当然，我在名为“ css”的文件夹中有“ style.css”，而在名为“ img”的文件夹中有图像。

另请参阅图片：

我在移动设备上使用Chrome。

HTML头码：

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>iPhone8 product presentation | Welcome</title>
<link rel="stylesheet" type="text/css" href="css/style.css">

Answer 1

您所说的方式是正确的。 我已经检查了您的gdrive链接以获取代码存储库，并在我的标签上运行了index.html。 对我来说很好。 我认为您的代码没有任何问题。

对其进行调试以找出问题所在。 尝试在Chrome上进行远程调试。

要调试它，您可以简单地：

1. 在Android上打开“开发人员选项”。
2. 选择启用USB调试。
3. 在您的开发计算机上，打开Chrome。
4. 打开DevTools。（ctrl + shift + i）
5. 在DevTools中，单击主菜单（单击右上角的垂直省略号图标），然后选择更多工具>远程设备。
6. 在DevTools-远程设备中，打开“设置”选项卡。
7. 确保启用“发现USB设备”复选框。
8. 使用USB电缆将Android设备直接连接到开发计算机。 第一次执行此操作时，通常会看到DevTools检测到未知设备。 如果您在Android设备的型号名称下方看到一个绿色的圆点和文本“已连接”，则DevTools已成功建立与设备的连接。
9. 如果您的设备显示为“未知”，请在您的Android设备上接受“允许USB调试”权限提示。
10. 然后，您可以检查控制台选项卡以查看是否存在一些错误。