WordPress仿企业站实战1：获取首页静态页
时间：2023-04-24 04:30:02 | 来源：网站运营
时间：2023-04-24 04:30:02 来源：网站运营
WordPress仿企业站实战1：获取首页静态页：
hello，大家好，今天我们尝试全仿一个企业站，点击这个链接访问。
1、准备工具
要获取这个网站的首页，包括静态的html代码，以及图片、css、js、字体等，我是通过ChromeCacheView这个软件从谷歌浏览器的缓存中获取的。另外，为了更好地对这些静态文件进行编辑、整理，我还安装了Notepad++和WebStorm这两个软件，大家可以选择安装。安装文件我在文末有分享。
2、清空浏览器历史缓存
打开浏览器历史记录
点击左边的清除浏览数据
在弹框中选择基本页签，点击“清除数据”按钮，即可将浏览器所有缓存的图片和文件清除了。
3、打开ChormeCacheView
4、访问目标网站，等待页面完全载入
5、在ChromeCacheView中刷新
6、在ChromeCacheView中全选文件（按Ctrl+A），然后点击功能按钮，把选中的文件导出来，我把它们保存到了桌面。这些文件就是目标网站首页的所有资源了。
7、获取首页的静态代码
在首页点击右键，点击右键“查看网页源代码”，全选（按Ctrl+A）复制代码，，然后再WebStorm中建立citymark的一个空白项目，并且在项目根目录创建index.html页面，把代码粘贴到index.html，并且格式化首页代码，做好后如下图
8、在浏览器中访问这个页面，操作如图：
9、打开浏览器的调试模式（在浏览器中按F12），查看有哪些文件没有正常载入，等下要修复
10、修改index.html中关于字体、js、css、图片的地址，把刚才从浏览器缓存获取到的资源放到citymark项目中，最终的代码我上传到了百度云盘上，在文章末尾有链接，最终如下的结果：
10、相关资料下载
链接：
https://pan.baidu.com/s/1NLOaeoFfYPnnWwpp1BuknQ 提取码：8gfq
在线咨询
