clone web site

【clone web site】行是知之始,知是行之成。这篇文章主要讲述clone web site相关的知识,希望能为你提供帮助。
=============================
分析网站资源
=============================
Edge 打开一个网站, 在开发者工具的源代码中, 查看网站的各种资源文件, 尤其关注一下不常用见扩展名资源文件.




=============================
下载网站
=============================
使用软件 Win HTTrack Website Copier , 下载地址为 http://www.httrack.com/
set options 窗体中全选所有的扩展名, 并依要clone网站的资源文件适当增加对应的扩展名.



WinHTTrack 可支持rewrite link 路径, 缺省的那个设置自动会重写, 有时候反而会导致图片或link失效, 需要切换模式来验证.





下面是一个常用的扩展名设置.

+*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
+*.gif +*.jpg +*.jpeg +*.png +*.tif +*.bmp
+*.zip +*.tar +*.tgz +*.gz +*.rar +*.z +*.exe
+*.mov +*.mpg +*.mpeg +*.avi +*.asf +*.mp3 +*.mp2 +*.rm +*.wav +*.vob +*.qt +*.vid +*.ac3 +*.wma +*.wmv
+*.wasm





=============================
预览clone效果
=============================
步骤1: VS code 先安装 live server 插件.





步骤2: VS code 中使用菜单 file /open folder 的形式打开下载好的网站目录, 比如 d:\\sites\\www.abc.com
步骤3: VS code 中调用命令 live server: open with live server, 这时候会创建开启本地网站服务, http://127.0.0.1:5500/
    使用Edge浏览器打开该地址, 检查clone效果,
步骤4: 对于 web assembly 二进制文件, HTTrack 貌似下载不了, 我们可以使用edge下载, 下载过程edge会自动做base64 转码, 所以下载后需要手工解码.
















    推荐阅读