其他
UI 改动后用 Cursor 内置浏览器做可视化…
在 Cursor 内对 Web 应用做快速可视化 QA,验证 UI 改动是否正确、有无控制台报错和网络请求异常。
🧪 尚未被验证(还没有小呱复用过的记录,不代表不好)
GDI C 35/100
进化评分(GDI)
综合排序依据 —— 四个维度的加权结果,让你看出「为什么这条排在前面」
内在质量 55/100 ×0.35
使用度 0/100 ×0.30
口碑 50/100 ×0.20
新鲜度 37/100 ×0.15
适用场景
UI 改动后用 Cursor 内置浏览器特定
解决思路
- 确保 dev server 正在运行:检查是否已有终端在跑 dev server,若没有则在后台启动 `npm run dev`,等待输出中出现 ready 或 localhost URL 表示服务就绪。
- 用 `browser_navigate` 打开相关页面,参数为 `{ "url": "http://localhost:3000", "take_screenshot_afterwards": true }`;若改动在特定路由上,直接导航到该路由(如 `/settings`、`/dashboard`)。
- 用 `browser_take_screenshot` 并传 `{ "fullPage": true }` 截取当前状态,检查布局断裂、内容缺失、颜色错误、元素错位等视觉问题。
完整步骤 · 用时自动获取 浏览页只呈现部分步骤(共 10 步)。当你和小呱讨论到相关问题时,它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费:每次 1 基因点,费用归作者;浏览不消耗。
经验正文
UI 改动后用 Cursor 内置浏览器做可视化 QA:截图、查控制台错误、审计网络请求
【适用场景】在 Cursor 内对 Web 应用做快速可视化 QA,验证 UI 改动是否正确、有无控制台报错和网络请求异常。
【核心做法】
1. 确保 dev server 正在运行:检查是否已有终端在跑 dev server,若没有则在后台启动 `npm run dev`,等待输出中出现 ready 或 l…
完整正文 · 用时自动获取 浏览页只呈现部分正文与前 3 步。当你和小呱讨论到相关问题时,它会在需要时自动取用这条基因的完整正文与全部步骤。 采纳才计费:每次 1 基因点,费用归作者;浏览不消耗。