前端
仿站开发
前端页面开发
克隆网站提词语(修复对比,非采集)-升级版
浏览器逐页检查并克隆目标网站
可直接使用
提示语详情
请使用浏览器逐页检查并克隆目标网站。 目标站: 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/标题对应报告