【问题标题】:Loading HTML and CSS file on local browser在本地浏览器上加载 HTML 和 CSS 文件
【发布时间】:2016-12-22 20:39:49
【问题描述】:

我对编码和网络开发非常陌生。我目前正在使用 HTML 和 CSS。问题是,我看不到我在编码什么。

如何将 HTML 和 CSS 文件加载到本地主机上,以便查看自己在做什么?

如果您能提供意见,我们将不胜感激。 :)

【问题讨论】:

标签: html css web localhost


【解决方案1】:

我也有这个问题,哈哈。但你会学到的。

所以这里有两个解决方案;一种使用localhost,另一种只是简单地查看文件。

我不确定您使用的是什么设备,但要查看您的文件,只需双击它,就像打开任何其他文件一样。然后您将能够看到您的代码以及您正在编程的内容。

第二种解决方案是使用localhost;它基本上是您的网站在开发过程中查看它的测试环境。

要在 Macintosh 设备上设置localhost,您只需转到 Finder 并搜索 Terminal,然后打开它并写入; python -m SimpleHTTPServer

如果您也有文件文件夹(建议将来参考),只需使用cd 并键入它所在的位置。最简单的方法是放在Desktop,然后写入Terminalcd Desktop -> cd the-folder-you-have-your-code-in 然后写python -m SimpleHTTPServer

要访问此服务器,只需在搜索栏中输入localhost 即可搜索网络上的项目。

希望这对您有所帮助,欢迎来到发展中的社会!


为了将来参考,当你成为一名成熟的开发人员时,不要使用Homestead/Laravel,如果你不理解它会很痛苦。根据您使用的设备使用 WAMP、MAMP 或 XAMPP。

【讨论】:

  • 这是新手最好的答案!我只是在练习一些 html 和 css(我是后端开发新手),通常我设置了一个 create-react-app,但这要简单得多,唯一剩下的就是热重载,我会很快就会做。干杯!对于 linux 人> 命令是 - python3 -m http.server
【解决方案2】:

只需使用浏览器打开 html 文件。在 Windows 上,在 Windows 资源管理器中右键单击文件并选择打开方式,然后选择您的浏览器。

【讨论】:

  • 如果答案中只有句子,请发表评论而不是回答。
  • @BhavinShah 答案也可以是一个班轮。它唯一的非答案,如 suggestionstry thismay be 这类不鼓励的答案
【解决方案3】:

file:///[您的文件的完整路径] 在 Chrome、Firefox 和 IE 中可以解决问题,但正如 @Atrix 所说,右键单击 + 在 [您最喜欢的浏览器] 中打开也可以。

您可能希望在某一天或另一天安装一个成熟的网络服务器,例如Apachenginx。您还可以使用全栈服务器(通常带有 PHP 解释器和数据库服务器),例如 WAMP(在 Windows 上)或 XAMPP(在 Windows、Linux 和 MacOS 上)

【讨论】:

    【解决方案4】:

    您可以执行以下操作:

    在 Window 机器上,在提示符下键入 start the-HTML-file-name

    【讨论】:

      【解决方案5】:

      这是一个有效的替代方案:

      转到W3Schools Tryit Editor。等待页面完全加载。然后在浏览器的控制台输入以下行并回车:

      document.getElementById('textareawrapper').setAttribute("onkeup","submitTryit(1)")
      

      现在开始在文本区域输入您的代码。这比使用文本编辑器要好得多,因为它会在您键入时直接显示输出。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2015-12-14
        • 1970-01-01
        • 2014-12-04
        • 2018-03-06
        • 2012-05-11
        • 2013-04-28
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多