# 🛡️ 点击劫持防护测试工具

📌 说明： 此页面用于测试网站的点击劫持防护配置是否生效。 如果配置正确，下方的 iframe 将无法加载受保护的页面。

## 测试1：尝试嵌入本站页面

如果看到错误消息或空白 iframe，说明防护 ✓ 生效

如果能正常显示页面内容，说明防护 ✗ 未生效

输入要测试的 URL：

## 测试2：检查响应头

打开浏览器开发者工具（F12）→ Network（网络）标签 → 刷新页面 → 查看主文档的响应头

应该包含以下响应头：
X-Frame-Options: SAMEORIGIN
Content-Security-Policy: frame-ancestors 'self'
X-Content-Type-Options: nosniff
X-XSS-Protection: 1; mode=block

## 测试3：使用命令行测试

在终端中运行以下命令来检查响应头：

curl -I http://localhost:5173

或者测试生产环境：

curl -I https://your-domain.com

## 测试4：预期结果

浏览器控制台应显示类似错误：

Refused to display 'http://localhost:5173/' in a frame
because it set 'X-Frame-Options' to 'sameorigin'.

或者：

Refused to frame 'http://localhost:5173/' because an ancestor
violates the following Content Security Policy directive:
"frame-ancestors 'self'".

### ✅ 配置检查清单

- ✓ vite.config.js 中已配置 server.headers
- ✓ index.html 中已添加 CSP meta 标签
- ⚠️ 生产环境需要在服务器（Nginx/Apache）中配置响应头
- ⚠️ 请参考 SECURITY_HEADERS.md 文档进行生产环境配置