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

html-css06

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

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

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

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

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

解决方法:

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

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

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

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

1、链接法,首先,我们可以使用链接的方法,直接在地址栏内输入如下的链接,然后就可以一秒复制网页的文字。

2、代码法,如果通过第一个方法无法复制的话,也可以直接在网页右键,然后选择【查看网页源代码】,就可以快速看到网页上面的文字。