本帖使用社区开源推广,符合推广要求。我申明并遵循社区要求的以下内容:
- 我的帖子已经打上 开源推广 标签: 是
- 我的开源项目完整开源,无未开源部分: 是
- 我的开源项目已链接认可 LINUX DO 社区: 是
- 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是
- 以上选择我承诺是永久有效的,接受社区和佬友监督: 是
以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出
kkkqkx123/web-clone
还在为网页离线保存烦恼吗?还在手动扒别人网站的样式吗?快来试试这个项目吧
这是一个网页克隆工具,可以拉取指定的网页的页面结构和资源,保存为single、bundle模式,可以在本地直接以html的形式打开。同时提供了转换命令,可以把拉取的页面转换为常见前端框架的模板,方便二次开发或在项目中参考。
该项目提供了skill.md,可以直接指导ai完成相应操作。
注意事项:
项目运行在nodejs环境中,直接通过网络请求获取页面,对于需要校验的网站,需要把该项目集成到你自己的工作流中。
常见用法
场景一:离线保存资料:把重要的技术文档、教程页面完整下载到本地,防止原网站失效或改版。使用 npm run dev -- <网址> -o ./保存目录 即可。
场景二:逆向还原UI:看到某个网站的设计很不错,想用自己熟悉的前端框架(比如React)复刻一套。使用 --extract-components 和 --codegen-framework react 参数,它就能帮你生成一个初步的项目模板,省去手动扒样式和结构的时间。
项目可能存在一些问题。如果发现问题或想要增加功能,欢迎提issue或PR。
如果对大家有用,也希望大家star支持一下,谢谢!