javascript - 浏览器预览仅显示 html,无 css 或 javascript(w3layouts.com 网站模板)

标签 javascript css href external

我从 w3layouts.com 下载了一个网页模板包。它是 index.html 页面(网络版和移动版)、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”等。它们位于标题部分。

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

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

最佳答案

任何故障排除想法? 尝试从 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";
?>

关于javascript - 浏览器预览仅显示 html,无 css 或 javascript(w3layouts.com 网站模板),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27209211/

相关文章:

html - 当我们关注链接时如何为 child 添加样式 block ?

javascript - JQuery - 将 li a 的 href 更改为 javascript :void(0)

css - href 在 IE 中出现在我的表单的单独一行上

javascript - 在 templateURL 中找不到 Angular 4 图像,但在模板字符串中有效

javascript - 将输入类型从文本更改为日期和向后在移动版 Safari 中不起作用

javascript - 如何在循环 jQuery 中将数据存储在数组中

css - Scrapy 没有提取数据,css 选择器是正确的

css - 用作链接时,PNG 会失去透明度

javascript - 如何将元素 ID 变量传递给 jQuery 加载函数

javascript - 导航后 Onsen UI 页面无法正确加载