Question

我刚刚在000webhost上创建了一个简单的网站。我上传了以下index.html文件：

<!DOCTYPE html>   
<html lang="en">   
    <head>   
        <title>Tabs</title>
        <meta charset="utf-8">        
        <meta name="description" content="Bootstrap."> 
        <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">   
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </head>  

<body style="margin:20px auto">  

    <div class="container">
        <div class="row header" style="text-align:center;color:green">

            <ul class="nav nav-tabs">
                <li class="active"><a>Tab 1</a></li>
                <li><a>Tab 2</a></li>
                <li><a>Tab 3</a></li>
            </ul>

            <p><br></p>

        </div>
    </div>
</body>

本地以及我希望它显示的内容如下： What I want.

然后在webhost上显示的内容如下： Not what I want.

我没有使用我在页面顶部添加的CSS / js脚本（引导程序）。知道为什么吗？

Answer 1

检查控制台是否有错误！

您正在https（安全）上查看您的000webhost页面，因此它未加载您在http（不安全）上调用硬编码的资产。

您可以通过http查看您的网站，查看所有已加载的内容：http://temptry.000webhostapp.com/

或者，更优选地，修复您对资产的引用，使其与https无关（以//引导），或直接指向https。例如：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

Answer 2

这是您的缓存，清除缓存即可。或者您可以等到您的计算机读取新更改。最长可能需要 24 小时，具体取决于您的缓存设置。

要使用 Chrome 清除缓存：

打开设置
搜索“缓存”
点击“清除浏览数据”
如果它不起作用，请更改范围
点击“清除数据”

祝你好运。

Demonstrate picture

CSS不在000webhost上工作

2 个答案: