Question

网页源代码，为什么直接复制然后保存html文件，打开没有那种效果

图片那些都是网上的，都有的，就是排版会错误。我是直接右键拿的，怎么回事，我想从哈佛大学官网拿一个html，失败了，求大神指点一下

Answer 1

网页源代码直接复制保存没有效果的原因：

①网页代码的head部分有引用别的文件，包括js以及css样式。如果你没有对应的文件。网页上的样式和一些js写出来的效果是没有的。你的问题应该就是这个原因造成的。

②网页的代码中有一些是要依靠相应的web服务才能展示出来的。你如果没有相应的web服务器。例如iis或者Apache或者tomcat。你是没法看到相应的页面应该有的效果的。

从一般的浏览器上只是下载了页面源代码和图片，缺少js和css文件而导致的排版错乱。

解决方法：

步骤1、下载一个火狐浏览器。

步骤2、打开哈佛官网首页。

步骤3、鼠标右击点击将页面另存为，下载完毕你会发现不止有一个源代码页面，还有一个文件夹，文件夹内就有你缺少的js和css文件。

下载完毕后直接打开下载下的那个HTML页面即可，切记不要移动下载下的文件和文件夹，如果你移动了文件或者文件夹的位置，有可能会导致源代码读取路径不正确而排版错乱。

Answer 2

原因：
你从一般的浏览器上只是下载了页面源代码和图片，缺少js和css文件而导致的排版错乱
解决方法：
步骤1、下载一个火狐浏览器
步骤2、打开哈佛官网首页
步骤3、鼠标右击点击将页面另存为
下载完毕你会发现不止有一个源代码页面
还有一个文件夹
文件夹内就有你缺少的js和css文件
下载完毕后直接打开下载下的那个HTML页面即可
切记不要移动下载下的文件和文件夹

如果你移动了文件或者文件夹的位置
有可能会导致源代码读取路径不正确而排版错乱

Answer 3

网页源代码直接复制保存没有效果的原因

①网页代码的head部分有引用别的文件，包括js以及css样式。如果你没有对应的文件。网页上的样式和一些js写出来的效果是没有的。你的问题应该就是这个原因造成的。
②网页的代码中有一些是要依靠相应的web服务才能展示出来的。你如果没有相应的web服务器。例如iis或者Apache或者tomcat。你是没法看到相应的页面应该有的效果的。

Answer 4

因为有些链接或者图片js等引入了其他文件，你本地复制并不能找到正确的路径所以没有那种效果，你可以把整个网页都下载下来这样就有了，你试试

Answer 5

因为网页的css样式和js脚本没有加载。
呈现出来的网页主要由html+css+js组成，html主要负责定义页面元素，css负责页面元素展示的样式，js负责一些动态内容的呈现。所以单纯的html网页跟你打开的效果自然是不一样的。