浏览器预览只显示 html，没有 css 或 javascript（w3layouts.com 网站模板）答案

【问题标题】：Browser preview only displays html, no css or javascript (w3layouts.com website template)浏览器预览只显示 html，没有 css 或 javascript（w3layouts.com 网站模板）
【发布时间】：2015-01-28 07:49:44
【问题描述】：

我从 w3layouts.com 下载了一个网页模板包。它是 index.html 页面（Web 和移动版本）、css 和 js 文件以及根据设备加载相应页面版本的 .php 文件的集合。

文件可以在这里找到：http://w3layouts.com/vetae-single-page-multipurpose-flat-bootstrap-responsive-web-template/

页面应该是什么样子的演示在这里：http://w3layouts.com/preview/?l=/vetae-single-page-multipurpose-flat-bootstrap-responsive-web-template/

我在我的所见即所得编辑器 Kompozer 中打开了该网站。当我单击“浏览”以在 Web 浏览器中预览站点时，仅加载 html。浏览器预览中的 html 没有应用 css 样式，而且似乎也没有任何 js。

站点文件夹位于我 Mac 上的“下载”文件夹中，href 链接的格式类似于“web/css/bootstrap.css”等。它们位于标题部分。

知道为什么会这样吗？任何故障排除的想法？非常感谢任何帮助！谢谢！

如果需要更多信息，请告诉我。

【问题讨论】：

你能看看你的控制台并告诉你得到的错误信息吗？
我不确定您所说的控制台是什么意思。当我在Firefox的浏览器预览中右键单击页面并选择“检查元素”时，它确实告诉我“无法加载样式表。file:///Users/MyName/Downloads/Vitae-pack/web/ web/css/bootstrap.css"
Vitae 是我下载的特定模板的名称
你能检查css文件在那个位置是否可用吗？
嗯，就像我上面提到的 index.html 文档中样式表的 href 链接说：

标签： javascript css href external

【解决方案1】：

有什么疑难解答的想法吗？ 尝试从 web/index.html 文件中的以下 url 中删除“web/”： <link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="web/css/style.css" rel='stylesheet' type='text/css' /> 以及该页面上带有“web/”的任何其他 url。

编辑： 我只是把这个模板放在服务器上仔细看看；在上面的 web/index.html 中有 26 个路径（整个文件）需要更改；我测试过，它对我来说很好，只打开 web/index.html；但是，它只能在您在编辑器中处理 index.html 文件时临时更改。 web/index.html 中的 .js 和 .css 文件的路径实际上应该有“web/”，因为 web/index.html 文件被包含在你的主页中，索引.php。当网站位于另一个文件夹中时，index.php 似乎不会加载索引文件。好的解释请看：Are PHP include paths relative to the file or the calling code?

修复：当你完成编辑你的 html 文件后，将“web/”前缀放回 index.html，然后在你的 config.php 文件中注释掉以下行（在应用程序文件夹）。然后，当您在本地处理此模板或将其上传到服务器并在 Vetae-pack 文件夹中工作时，您将能够从 index.php 文件中查看它。 config.php 应该是这样的（我在前三行代码的开头添加了 //）：

<?php
/*
 * A Design by W3layouts
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
 *
 */
//$current_page_uri = $_SERVER['REQUEST_URI'];
//$part_url = explode("/", $current_page_uri);
//$page_name = end($part_url);
  $email_id = "w3layouts@gmail.com";
?>

【讨论】：