无障碍配色建议 - 高对比度安全色组合
展示多个通过WCAG AA/AAA级对比度验证的预置配色方案,用于文字和背景。
UD5工具箱
水域完全关闭,任何人不得下水。违者可能被处以罚款。这是最高级别的海滩警告。
高度危险,禁止游泳。可能存在强浪、离岸流或其他致命水域条件。
中等危险,谨慎下水。有浪或水流,建议仅在指定区域游泳,密切注意儿童。
危险海洋生物出没。水母、鲨鱼、鳐鱼等有害生物被发现,需格外小心。
离岸风警告。风向袋指向海面时,充气玩具和浮具极易被吹离海岸,切勿使用。
推荐游泳区域,有救生员巡逻。请在两面红黄旗之间的区域内游泳,最为安全。
条件良好,适合游泳。水域平静,无明显危险。但仍需保持基本安全意识。
水上运动专用区。冲浪、桨板等区域,禁止在此区域游泳,避免与冲浪板碰撞。
国际清洁海滩认证。水质优良、环境管理完善、安全设施齐全的高品质海滩。
国际海滩安全旗帜速查
| 旗帜 | 名称 | 含义 | 危险等级 | 行动建议 |
|---|---|---|---|---|
| 双红旗 | 水域关闭 | 极度危险 | 禁止下水,违者罚款 | |
| 红旗 | 高危险 | 高危险 | 禁止游泳,远离水域 | |
| 黄旗 | 中等危险 | 中等 | 谨慎下水,注意浪流 | |
| 紫旗 | 有害生物 | 特殊警告 | 警惕水母/鲨鱼等 | |
| 橙色风向袋 | 离岸风 | 危险 | 勿用充气浮具 | |
| 红黄旗 | 指定游泳区 | 安全 | 在旗帜间游泳 | |
| 绿旗 | 低风险 | 低风险 | 可正常游泳 | |
| 黑白方格旗 | 水上运动区 | 区域划分 | 禁止游泳,冲浪专用 | |
| 蓝旗 | 清洁认证 | 品质标志 | 高品质海滩 |
离岸流是海滩头号杀手。如果被卷入,保持冷静,平行海岸游出,切勿对抗水流。
儿童应在手臂可及范围内。充气玩具和浮具不能替代救生衣,离岸风可将其快速带离。
使用SPF30+防晒霜,每2小时补涂。大量饮水,避免中暑和热衰竭。
展示多个通过WCAG AA/AAA级对比度验证的预置配色方案,用于文字和背景。
选择主要港口或输入经纬度,显示当日及次日高低潮时间与潮高,辅助赶海。
部署战舰并轮流攻击对方隐藏阵列,先击沉全部舰队获胜,HTML5实现。
输入一个密码哈希字符串,识别其算法(bcrypt、argon2、SHA-256 等)并验证格式。
生成一个随机字符矩阵的密码卡,通过行列坐标记忆组合强密码,可打印保存。
通过交互式问卷确定情况,展示心肺复苏、止血、烧伤等急救步骤图解,点击逐步学习。
输入鱼缸净水量和药物推荐浓度,计算需要加入的毫升或克数,避免用药过量。
输入包含隐私信息的文本,一键将手机号、身份证等部分遮盖。
列出三角牌、灭火器、急救包等推荐物品,勾选检查到期日。
显示人体正面与背面脆弱点,点击显示简单有效的击打与解脱方法。
展示常见野生菌外观特征对比,标注可食与剧毒区别,附中毒症状。
输入药片上的字母数字、颜色及形状,从常用药品库中匹配可能品种,辅助用药安全。
生成一次性恢复码,排列成卡片样式可打印保存,用于账号恢复。
对简单混淆的JS进行格式化,并尝试将短变量名替换为更具描述性的名称,提高可读性。
模拟服务端生成与校验CSRF令牌的完整过程,展示隐藏在表单与Session中的同步模式。
同步器令牌模式演示:生成令牌嵌入表单,提交时验证,理解CSRF防护核心流程。
配置iframe的sandbox属性,加载测试页面,直观查看表单提交、脚本执行等功能的限制效果。
基于Web Crypto API模拟的3DES在线加解密,兼容旧版系统升级安全策略,支持多种填充方式。
预览常见的 native font stacks(如苹果、Windows系统字体)的实际显示效果。
输入URL,检测CSP、X-Frame、HSTS、Referrer-Policy等头部,并给出安全等级。
构建一个虚拟的登录窗,演示SQL注入登录绕过,并展示参数化查询如何防范。
使用CTAP2模拟器或安全密钥在浏览器中体验无密码注册与认证流程。
浏览内置的可食用野菜图鉴,通过特征描述自测辨别技巧,附带安全提示。
生成与明文等长的真随机密钥,并演示异或加密解密的一次性密码本原理。
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
虚拟掷5次骰子,根据官方Diceware词表生成强随机且易记忆的通行短语。
按目的地国家查询当地警察、救护车、消防队的紧急求助电话号码。
在网格上绘制简单房间布局,标注安全出口和逃生路径。
选择紧急情况(如窒息、心脏骤停),以交互式流程图展示标准急救步骤。
通过问答形式描述蘑菇特征,提醒用户常见毒蘑菇种类,强调勿随意食用。