做个别人家的网页

本文适用如下场景

领导指着一个网页说,这个不错,咱们页面也按这个布局和风格做。这时你直接用html+css+js生写还是挺费工的。最快的方法当然是直接照抄网页。本文不需要其它工具,只用浏览器的“另存页面为”和“查看页面源代码”两个功能来搞定照抄网页,结果证明,不考虑js功能,仅看网页外观,是完全可以做出一模一样的网页的。

举个例子

以下面网页为例,布局简单,但是要自己从头开始写,肯定要调试很久。
做个别人家的网页_第1张图片

总结

只用浏览器的“页面另存为”和“查看页面源代码”两个功能可以实现照抄网页外观的目的,是否对所有网页都可行并不确定。
如果使用页面另存为也可以保存页面的大部分元素,但是文件的目录结构会很混乱,主文件里面会有乱码表示的目录位置,不利于后续维护和管理。所以建议主文件还是直接复制的页面源代码,图片、css、 js文件位置也自己手动设置,这样项目结构合理清晰,后续维护也方便。
图片其实不用下载,我们的网页不可能用人家的原图,自己做好图片放到正确的目录下,页面会展示我们自己的图。
js文件涉及和后台服务的交互,我们只需要模仿外观,可以把引入的js文件都注释掉。

你可能感兴趣的