前端 仿站开发 前端页面开发

克隆网站提词语(修复对比,非采集)-升级版

浏览器逐页检查并克隆目标网站

可直接使用

提示语详情

请使用浏览器逐页检查并克隆目标网站。

目标站:
https://目标网站.com/

当前克隆站:
http://我的克隆站.com/

要求:

1. 打开目标站所有当前可见链接,不能只检查首页。
2. 页面按首页、栏目页、列表页、详情页、表单页、预约页、标签页、作者页、招聘页、FAQ 页分类。
3. 如果多个详情页版面完全一样,只保留一个公共详情模板,其他列表链接统一指向这个详情模板。
4. 如果多个栏目页版面完全一样,也只保留一个公共栏目模板。
5. 主动检查并修复:
   - 页面错位
   - 字体名称、大小、粗细、行高
   - 左右边距、上下间距
   - 元素宽度、高度
   - 颜色、背景、边框、阴影
   - 图片比例和裁切方式
   - 按钮尺寸和间距
   - 鼠标 hover、active、focus 状态
   - 弹窗、抽屉菜单、轮播图、左右切换按钮
   - 表单输入框、下拉框、提交按钮
   - 手机端、平板端、桌面端响应式效果
6. 目标站和克隆站必须在相同浏览器、相同视口尺寸、相同页面加载完成状态下比较。
7. 遇到懒加载、动画、轮播图等动态内容,要等待页面稳定后再测量,不能只看刚打开时的状态。
8. 主动发现明显错误,不要等我截图指出。
9. 图片统一放到 images/ 目录,避免图片散落在根目录。
10. QA 目录使用 visual-qa 或 visual-checks,不要使用看不懂的 qa 名称。
11. 修改后部署到 FTP,并验证远程文件大小、哈希或公网访问结果。
12. 最后生成报告,内容包括:

目标页面 URL:
目标页面标题:
对应克隆页面 URL:
对应克隆页面标题:
页面类型:
是否共用模板:
检查结果:
已修复问题:
仍存在的目标站动态差异:



下次可以特别强调这句话:
不要只做页面外观相似,要逐页、逐链接、逐状态对照;主动发现布局、字体、尺寸、间距、颜色、交互和响应式异常,修复后再进行公网回归验证,并输出目标 URL/标题与克隆 URL/标题对应报告