Question

起初我被发送到chrome进行实时预览，页面空白。然后我开始收到一条错误消息：“打开HTML文件或确保项目中有index.html文件以启动实时预览。”

我做的其他文件实时预览就好了。我看不出代码有什么问题。我在这里搜索了一些解决方案，但找不到任何东西。这是最接近的，但它指的是一个php文件。 Brackets - Live Preview not working

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <link rel='stylesheet' type="text/css" href="design_sandbox.css"/>
    <title>Design Sandbox<title>
    </head>
    <body>
        <p>This is a test, is this working?</p>
        <div id="formpractice">
            <form>
             <p>Username:
                <input type="text" size="14" maxlength= "20" />    
            </p>
            <p>I vote for:
                <input type="radio" name="jazz" value="Ella Fitzgerald"/>
                <input type="radio" name="jazz" value="Herbie Hancock"/>
                <input type="radio" name="jazz" value="John Coltrane"/>                                               <input type="radio" name="jazz" value="Miles Davis"/>
                <input type="radio" name="jazz" value="Thelonius Monk"/>
            </p>
            <button>"SUBMIT"</button>
            </form>
        </div>    
    </body>

</html>

Answer 1

@ user3510681，

我在浏览器中正常运行您的代码，页面显示为空白。在查看代码后，我发现您尚未关闭HTML中的“title”标记。你的代码：

<title>Design Sandbox<title>

这就是Brackets - Live Preview无效的原因。请更改下面的标题代码，事情应该可以正常工作：

<title>Design Sandbox</title>

干杯!!

Answer 2

您没有正确关闭<tittle>代码。关闭/代码

时，它们不是<title>

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <link rel='stylesheet' type="text/css" href="design_sandbox.css"/>
    <title>Design Sandbox</title>
    </head>
    <body>
        <p>This is a test, is this working?</p>
        <div id="formpractice">
            <form>
             <p>Username:
                <input type="text" size="14" maxlength= "20" />    
            </p>
            <p>I vote for:
                <input type="radio" name="jazz" value="Ella Fitzgerald"/>
                <input type="radio" name="jazz" value="Herbie Hancock"/>
                <input type="radio" name="jazz" value="John Coltrane"/>                                               <input type="radio" name="jazz" value="Miles Davis"/>
                <input type="radio" name="jazz" value="Thelonius Monk"/>
            </p>
            <button>"SUBMIT"</button>
            </form>
        </div>    
    </body>

</html>

Adobe Brackets实时预览为空白。我的代码出了什么问题？

2 个答案: