许多人没有意识到,当您在计算机上构建网页时,您不必将其发布到Web服务器以查看它。 当您在硬盘上预览网页时,所有与浏览器相关的功能(如JavaScript,CSS和图像)都应该像在Web服务器上一样工作。 因此,在将它放置之前,先在Web浏览器中测试您的Web页面是个好主意。
- 建立您的网页并将其保存到您的硬盘。
- 打开您的Web浏览器并转到文件菜单并选择“打开”。
- 浏览到您保存在硬盘上的文件。
测试问题
在您的硬盘驱动器而不是Web服务器上测试您的网页时,可能会出现一些问题。 确保您的网页设置正确以进行测试:
- 链接使用完全合格的绝对路径。 您可以为链接使用页面相对路径 ,但在页面生效之前测试链接的最佳方式是使用您链接到的页面的完整路径。 换句话说,在你的链接中包含域名。
- 为您的图片使用页面相对路径。 虽然您可以使用图片的完整URL,但如果您正在测试的页面是新的,那么很可能您的图片不会上传到服务器,而不会超过HTML。 通过使用相对于当前页面的图像路径,当您在硬盘上测试文件时,它们将显示出来。
- 检查您的CSS和JavaScript外部文件的路径。 对于脚本和CSS文件使用完整路径或相对路径URL没有一个好的经验法则 - 它取决于您的网站以及最适合您的网站。 相反,您应该验证您指向的任何文件是否具有最新的信息。 例如,如果您发布CSS的完整路径URL,则在测试时您需要将该文件上传到您的服务器。
一定要在多个浏览器中测试
一旦您在一个浏览器中浏览了您的页面,您就可以将该URL从浏览器的位置栏中复制并粘贴到同一台计算机上的其他浏览器中。 当我们在Windows机器上构建网站时,我们在上传任何内容之前在以下浏览器中测试页面:
- IE浏览器
- 歌剧
- 火狐
- 苹果浏览器
- 铬
一旦确定该页面在硬盘上的浏览器中正确显示,您可以上传页面并再次从Web服务器进行测试。 一旦上传,您应该连接到其他计算机和操作系统的页面,或使用BrowserCam等浏览器模拟器进行大量测试。