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

时间：2018-08-09 11:00:03

标签： android html css mobile-browser

（请先阅读不良反馈。这里有类似的问题，但不是我想要的。）

我有一个网页，该网页是在台式机上创建的，保存在文件夹中。 （不使用任何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">

my main folder

my css folder

my image folder

1 个答案:

答案 0 :(得分：1)

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

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

要调试此功能，您只需：

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