在本地测试网站时无法加载资产

时间:2015-02-23 14:46:09

标签: html file debugging local

我已在我的服务器上测试了一切正常的网站,它是一个简单的基于html / css / js的网站,没有任何后端功能,通常我只需在浏览器中打开页面就可以毫无问题地测试这些,但是我遇到了一个问题,这次它只加载html,似乎没有像js文件或css文件那样加载资源,我在控制台中得到的错误与此类似(在chrome中):

Failed to load resource: net::ERR_FILE_NOT_FOUND

修改:我可以通过删除' /'来修复它。在文件路径前面,但是当问题中的测试仍然存在时,是否有解决方法呢?

1 个答案:

答案 0 :(得分:3)

您遇到的问题可能与您在浏览器中打开网页的方式有关。

您不能只将其打开为文件:c:\website\index.html

相反,您应该安装一个堆栈,如WAMP,XAMPP或EasyPHP。我推荐XAMPP

安装完成后,只需输入浏览器地址栏:

localhost

您将从index.html文件夹中看到c:\xampp\htdocs的呈现内容。该文件夹(c:\ xampp \ htdocs)成为您的网站,它的工作方式与网站完全相同。资源将正确加载。

安装完成后,只需清除该文件夹,然后将所有网站.html和.php等文件复制到该文件夹​​中。使用您网站上的相同文件夹结构。 CPANEL网站的public_html文件夹是C:驱动器上的c:\xampp\htdocs文件夹。

如果你在那里创建了一个文件夹,比如dev,并在其中放入一个名为mytest.html的文件,那么在浏览器地址栏中输入:

localhost/dev/mytest.html

另一个很棒的技巧是通过编辑Windows hosts文件为自己提供域名。例如,您可以通过编辑此文件在本地使用ilya.com域:

c:\windows\system32\drivers\etc\hosts

请注意,该文件没有扩展名。

然后,在该文件中,在最底部,在它自己的一行上,键入:

127.0.0.1     ilya.com

保存该文件后,当您在浏览器地址栏中输入内容时:

http://ilya.com

您将从c:\xampp\htdocs文件夹中获取index.html文件。如果你输入:

http://ilya.com/dev

您将从c:\xampp\htdocs\dev文件夹中获取index.html文件。

不要忘记该文件非常重要!它将永远阻止您访问在线http://ilya.com网站。当然,禁用它就像注释掉那一行一样简单(通过在前面添加一个#)或者通过搞乱重定向,这就是我通常做的事情:

127.0.0.1     xilya.com

(删除前导x比重新输入整行更容易)。最酷的事情:变化立即发生,无需重新启动 - 甚至可以反弹浏览器。

资源:

Windows: XAMPP vs WampServer vs EasyPHP vs alternative


我应该提及的另一个考虑因素 - 它现在可能不适用于您,但可能在将来的某一天 - 是尝试将您的在线主机帐户的PHP版本与版本相匹配您在本地安装的XAMPP(或WAMP / MAMP / LAMP / EasyPHP)。

例如,在撰写本文时,我的托管帐户提供PHP ver 5.3.29 - 但当前版本的XAMPP在PHP 5.5.19或5.6.3上。 Waaaaay先进。我要做的最后一件事是编程我的网站,上传它并且必须调试版本炎。

旧版本可以从More Downloads链接下载,该链接会重定向到此处:

http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/

要了解您的托管帐户所使用的PHP版本,只需在您的网站上创建一个文件,例如:public_html/somefile.php。内容只需要这两行:

<?php
phpinfo();

当您浏览到该文件时:http://mydomain/somefile.php您将看到一个充满PHP配置信息的页面,其中PHP版本突出显示在顶部,以粗体显示。当然,您可以在localhost(即c:\xampp\htdocs文件夹)中执行相同的操作。