本页由英文自动翻译。

阅读英文版
Proxy Mail QA

帮助构建和检查我的网站的工具

网站要在两个阶段检查:构建时,防止错误混入;上线前后,找出已经混入的错误。下面是按领域分类的、适用于这两个阶段的工具集。

更新于

先说我们的建议。 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 检查什么,不检查什么

它检查 网站中依赖邮件的部分:

你可以通过 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.

上线前,仍要自己在手机上看一看网站。没有工具能告诉你它是否清晰易懂。

如需逐步审查整个网站,请参阅 帮我检查我的网站。

在你的下一次注册测试中试试

免费版,无需信用卡。创建一个地址,看着验证码或链接送达。

免费创建账号打开应用

你的应用是用 AI 工具构建的?选择你的工具

对本页有疑问?

可以用任何语言提问。文档可以立即回答,你也可以把问题发给 Proxy Mail QA 团队,他们会用英文回复。