logo
0
0
Login

中国联通WAF安全页面项目

本项目包含了四个中国联通Web应用防火墙(WAF)的安全拦截页面,用于不同场景下的安全提示和用户引导。

页面列表

1. 404.html - 网站已被接管页面

404页面预览

  • 主题: 炫酷的接管警告页面
  • 主题色: 深蓝色背景搭配红色强调
  • 功能特点:
    • 星空动画背景
    • 警告图标动画效果
    • 控制台彩蛋
    • 响应式设计

2. 502.html - 服务不可用页面

502页面预览

  • 主题: 服务异常提示页面
  • 主题色: 深蓝色背景搭配黄色强调
  • 功能特点:
    • 网格动画背景
    • 自动重试功能(30秒间隔)
    • 详细的错误信息和解决建议
    • 技术支持联系方式

3. black.html - 安全拦截页面(403)

403页面预览

  • 主题: 访问被拦截提示页面
  • 主题色: 深蓝色背景搭配红色强调
  • 功能特点:
    • 安全防护状态指示
    • 详细的拦截原因说明
    • 用户可操作的解决方案
    • 技术支持模态框

4. limit.html - 请求限制页面

限制页面预览

  • 主题: IP请求频率限制页面
  • 主题色: 紫色渐变背景
  • 功能特点:
    • 60秒倒计时
    • 环形进度条
    • IP自动检测
    • 防止绕过限制的机制

技术特性

共同特性

  • 响应式设计: 适配各种屏幕尺寸和移动设备
  • 现代CSS技术: 使用CSS Grid、Flexbox、渐变和动画
  • 交互元素: 悬停效果、按钮点击反馈
  • 无障碍访问: 支持键盘快捷键和屏幕阅读器
  • 内联资源: 所有CSS和JavaScript已内联到HTML中

页面特定功能

404.html

  • 动态星空背景
  • 炫酷警告动画
  • 控制台彩蛋消息

502.html

  • 自动重试功能(30秒间隔,最多3次)
  • 动态更新时间戳和请求ID
  • 页面标题倒计时显示

black.html

  • 详细的安全拦截信息
  • 技术支持联系模态框
  • 一键复制错误信息

limit.html

  • 60秒倒计时功能
  • 环形进度条可视化
  • IP自动检测
  • 防止绕过限制机制

文件结构

项目根目录/ ├── 404.html # 网站已被接管页面 ├── 502.html # 服务不可用页面 ├── black.html # 安全拦截页面(403) ├── limit.html # 请求限制页面 └── README.md # 项目说明文档

使用说明

  1. 所有页面均为独立的HTML文件,无需额外的CSS或JavaScript文件
  2. 可以直接部署到Web服务器或集成到现有系统中
  3. 页面中的链接和按钮可根据实际需求进行定制

自定义选项

颜色主题

每个页面都有自己独特的颜色主题,可以通过修改CSS变量来调整:

/* 404.html - 深蓝色背景 */ background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 100%); /* 502.html - 深蓝色背景 */ background: linear-gradient(135deg, #2a1a2e, #1a213e, #0f3460); /* black.html - 深蓝色背景 */ background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460); /* limit.html - 紫色背景 */ background: linear-gradient(135deg, #1a1a2e, #251741, #2d1b69);

文本内容

页面中的文本内容可以直接修改,包括:

  • 标题和描述文本
  • 按钮标签
  • 联系信息
  • 错误消息

动画效果

所有动画效果都可以通过修改CSS类来调整或禁用:

  • 背景网格动画
  • 粒子效果
  • 脉冲动画
  • 淡入淡出效果

浏览器兼容性

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

技术支持

如有技术问题,请联系:


© 2026 中国联通网络通信集团有限公司 | Web应用防火墙(WAF)保护中

About

基础错误页面

Language
HTML100%