【问题标题】:.htm and .html files won't render in Safari or Chrome.htm 和 .html 文件不会在 Safari 或 Chrome 中呈现
【发布时间】:2020-10-11 02:12:34
【问题描述】:

我在 MacOS 上使用 Codecademy 上的第一个 HTML 模块,并将已完成的第一个关于棕熊的项目中的代码复制/粘贴到 Word 和 TextEdit 中。 TextEdit 保存为 .html,Word 保存为 .htm,但由于某种原因,它们都不会在 Safari 或 Chrome 中呈现代码。我错过了什么?我将“打开方式”设置更改为任一浏览器,当我打开任一文件(每个文件都包含相同的原始文本)时,浏览器中显示的所有内容都是原始文本。

提前致谢!

附:我似乎无法在此处粘贴 html 代码以供参考。我想知道为什么。

【问题讨论】:

    标签: html macos google-chrome safari rendering


    【解决方案1】:

    我知道这有多令人沮丧。解决方案是更改 TextEdit 中的首选项。

    1. 打开 TextEdit 首选项(单击左上角的 TextEdit 并选择首选项。或使用键盘快捷键 CMD + ,)
    2. 新建文档中选择纯文本作为格式
    3. 打开并保存中选中启动显示 HTML 文件...的选项

    完成这些更改后,您可以将 HTML 代码复制到新的 TextEdit 中,并使用“.html”扩展名保存文件,然后在浏览器中成功打开它。

    祝您学习顺利!希望对您有所帮助!

    附:我建议使用更丰富的编辑器(我使用 VScode)。 TextEdit 没有任何问题,但功能更强大的编辑器将有很大帮助(例如,减少错误、添加颜色以便于理解等)。

    【讨论】:

    • 你。是。极好的。步骤 1、2、3 运行良好,我刚刚下载了 VScode,它也很牛逼。非常感谢!
    【解决方案2】:

    简短的回答是,您需要 apache 或 negnix ,并将您的文件移动到指定文件夹。

    1. 尝试 http://localhost 或 http://127.0.0.1 您可以看到“它有效!”。如果没有,请打开 CLI 并键入此 cmd sudo apachectl restart,然后重试。

    2. 打开文件夹 /Library/WebServer/Documents。编辑文件test.html 并保存您的代码。然后打开 http://localhost/test.html。

    现在,您可以看到 html 代码将被渲染。

    【讨论】:

      【解决方案3】:

      也许你已经保存了像 helloWorld.html.txt 这样的文件。如果您使用记事本之类的文本编辑器,通常会发生这种情况,不幸的是,Windows 会自动隐藏文件的 .txt 部分,而您仍将其视为 .html 文件。您可以右键单击文件并转到属性。然后给我们发截图。希望对您有所帮助。

      【讨论】:

        【解决方案4】:

        首先,如果您将来追求编码(尤其是在 Web 开发方面),我会推荐一个更好的软件 (IDE),因为它会让您的生活更轻松。我建议使用 sublime text 或 Visual Studio 代码。

        关于您的问题,.html 文件在技术上应该可以工作。尝试双击该文件,它应该会将您带到浏览器。如果没有,则将文件拖到网络浏览器上,它应该会显示它。同样,如果这不起作用,那么问题通常出在您的文件类型/文件中。

        如果错误仍然存​​在,请尝试从简单的事情开始,例如:

        <body>
        <h1> Test </h1>
        </body> 

        如果出现这种情况,那么您之前输入的代码中可能存在一些小错误。

        希望这行得通。

        【讨论】:

        • 谢谢谢恩。我试过

          Test

          也无济于事。我想知道这是否是我浏览器设置中的问题。
        • 请问您在点击file.html时会看到什么?它是在浏览器中打开并且什么都不显示,还是给出带有选项的特定提示?
        猜你喜欢
        • 1970-01-01
        • 2016-06-12
        • 1970-01-01
        • 2014-11-25
        • 2021-04-17
        • 1970-01-01
        • 2014-02-15
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多