先说我们的建议。 Proxy Mail QA 是我们做的,所以我们并不中立,而且它只覆盖这套工具中的一行:检查你的注册、登录和账号邮件。速度、无障碍、SEO、失效链接、安全以及网站在不同设备上的显示效果都需要其他工具,其中大多数是免费的。我们在下面列出了它们,都不是我们的。
构建时
| 工具 | 能发现什么 |
|---|---|
| 类型检查器(TypeScript) | 在运行之前发现放错位置的错误数据 |
| 代码检查工具(ESLint)和格式化工具(Prettier) | 常见错误和不一致的代码 |
| 浏览器的 DevTools | 控制台中的错误、Network 标签页中失败的请求、设备模式下的布局 |
| 预览部署(Vercel、Netlify、Cloudflare Pages) | 每次改动都有一个链接,以便在合并前在真实服务器上检查 |
| AI 编程智能体(Qoder、Claude Code、Cursor) | 对每次改动再审阅一遍,并替你运行下面的检查 |
上线前后
| 领域 | 要检查什么 | 工具 |
|---|---|---|
| 速度 | 手机上的加载时间、布局偏移、图片大小 | Lighthouse(在 Chrome DevTools 中)、PageSpeed Insights(有流量后会加入真实访客的数据)、WebPageTest |
| 无障碍 | 标签、对比度、标题、键盘操作、屏幕阅读器 | axe DevTools、WAVE、Lighthouse;然后只用键盘和屏幕阅读器(VoiceOver、NVDA)。自动化工具只能发现部分问题 |
| HTML 和链接 | 无效标记、失效链接、缺失页面 | W3C Markup Validation Service、W3C Link Checker,或 Screaming Frog 等爬虫 |
| 设备和浏览器 | 小屏幕上的布局、Safari 与 Firefox 的差异 | DevTools 设备模式、真实手机,以及用于你没有的设备的 BrowserStack 或 LambdaTest |
| SEO | 页面收录、标题和描述、结构化数据 | Google Search Console、Bing Webmaster Tools、Lighthouse 的 SEO 审核、Google 的 Rich Results Test |
| 安全基础 | HTTPS 配置正确、安全标头、存在已知漏洞的包 | Qualys SSL Labs、Security Headers、npm audit 或 Dependabot,以及针对你自己预发布网站的 ZAP(原 OWASP ZAP) |
| 注册、登录和账号邮件 | 邮件能到达,其中的验证码或链接有效,发送方式正确,且只到达一封 | Proxy Mail QA。仅在本地开发时查看邮件,可用 Mailpit |
| 完整流程 | 改动后,注册、结账等流程仍然正常 | Playwright 或 Cypress |
| 上线后 | 网站正常运行,错误能被发现,用户能找到所需内容 | 可用性监控(UptimeRobot、Better Stack)、Sentry、你的分析工具 |
Proxy Mail QA 检查什么,不检查什么
它检查 网站中依赖邮件的部分:
- 每次尝试都使用一个新的私有测试地址,因此测试永远不会取到旧的验证码。
- 从邮件中提取的验证码,或登录、邀请、重置链接。
- 邮件的发送方式:SPF、DKIM 和 DMARC,指向
localhost或普通http的链接,链接指向哪里,是否注明有效期,以及纯文本部分。 - 恰好到达了一封邮件,或者一封都没有到达。
- 可在表单中尝试的不常见地址、姓名和密码,让你看看表单如何处理它们。
你可以通过 Proxy Mail QA for Chrome 手动使用它,通过其 npm 包在 Playwright 或 Cypress 中使用,或通过其 MCP server 从 AI 智能体中使用。
它不检查 设计、文案、速度、无障碍、SEO 或安全,也不接收短信。
让智能体运行检查
像 Qoder 这样的 AI 智能体可以在预览部署上替你运行这套工具的大部分:命令行中的 Lighthouse、链接检查工具、你的 Playwright 测试,以及在从 Qoder Marketplace 连接 Proxy Mail QA 后检查注册邮件。可以从这个提示词开始:
Check the preview at https://acme-git-new-pricing.vercel.app before I merge.1. Run Lighthouse for the home page and the sign-up page, on mobile. List anything under 90, with the biggest fixes first.2. Run a link check over the site and list broken links.3. Sign up with a new Proxy Mail QA address, finish the verification, and run check_email with expect_host set to the preview's host. count_emails should be 1.4. Give me one list of what to fix, most important first.上线前,仍要自己在手机上看一看网站。没有工具能告诉你它是否清晰易懂。
如需逐步审查整个网站,请参阅 帮我检查我的网站。