# Playwright 断链检查教程：链接、HTTP 状态与本地 404 修复

Playwright 断链检查教程按本页输入、步骤与检查复现。已真实执行独立 Playwright 样站检查与失败负例；未执行 MCP 模型会话，不对外提交。

## 1. 启动独立练习服务器
样站只提供 source.html 和 guide.html；missing.html 故意不存在。

## 2. 定位控件和执行范围
从 browser_snapshot 取得链接，并只请求自己样站的同源路径。缺少的 missing.html 返回 404；不能把抓取 API 的 200 当目标页面有效。先保存错误列表，再修 source.html 指向 guide.html。

## 3. 提取同源链接
保存 href 原值、链接文字和解析后的绝对 URL；跳过外部站点。

## 4. 分别核对锚点与 HTTP
contact 锚点在本页核对节点；guide 与 missing 发真实 GET 查看状态。

## 5. 修复错误路径再测
把 missing.html 改为 guide.html；重跑你的检查，错误列表应为空。教材保留原错误输入作为负例。

## 6. 保存真实输出与截图
对照 result.html 与原始 browser-result.json 或 local-result.json。结果必须包含本任务字段与来源，截图不能代替实际输出检查。已真实执行独立 Playwright 样站检查与失败负例；未执行 MCP 模型会话，不对外提交。

## 7. 在自己的环境复跑
按下载 README 使用独立目录；Playwright 首次需安装库和浏览器。负例退出非零是预期，实际用于 CI 时只将正例作为通过条件。
```sh
npm install --no-save playwright
node check.mjs
node check.mjs --negative
```