结合315 消费者权益保护、网信、工信部、市监总局的监管重点，前端是用户感知第一触点、合规第一道防线，也是最容易被点名、被取证、被处罚的环节。

一、前端最容易踩 315 红线的 6 个点

1. 诱导点击、误导交互（最容易上 315）
2. 隐私权限过度索取、隐私说明不清晰
3. 虚假宣传、价格欺诈、倒计时 / 限购造假
4. 自动续费、默认勾选、暗坑条款
5. 信息无障碍不合格（视力障碍用户投诉）
6. 页面埋点、行为采集不合规

前端能做的，就是把这些坑全部堵死。

二、前端针对 315 监管能做什么（逐条可执行）

1. 坚决杜绝「诱导式交互」

前端必须做到：

• 关闭按钮 大小合理、位置明显、不藏不躲
• 广告 / 弹窗 不能自动跳、不能秒关困难
• 禁止 “迷之设计”：假关闭按钮极小关闭区域多层弹窗嵌套倒计时不让关
• 所有按钮文案直白、不玩文字游戏

监管关键词：

误导点击、强制交互、恶意弹窗、流氓行为

2. 自动续费 / 付费场景：前端必须合规

必须做到：

• 不能默认勾选同意 / 续费
• 续费规则、价格、周期必须在页面显著展示
• 取消入口不能藏太深
• 支付结果页明确告知扣费金额与周期
• 禁止 “0 元下单→实际自动扣费” 类误导文案

前端要校验：

• 接口返回的价格、文案是否涉嫌欺诈
• 禁止后端返回违规营销话术

3. 隐私合规：前端是第一道关

必须做：

• 隐私政策必须可阅读、不是折叠到底
• 权限申请（相机 / 相册 / 定位 / 通知）必须先说明用途
• 禁止一进来就疯狂弹权限
• 不使用的权限绝对不申请
• 第三方 SDK（统计、广告、分享）必须在隐私政策列明

前端要控制：

• 不随意上传设备信息
• 不随意采集行为数据
• 不跨域非法传输用户信息

4. 禁止虚假宣传、价格造假、营销造假

前端严禁出现：

• 假倒计时
• 假库存（仅剩 × 件）
• 假销量
• 假原价 / 划线价
• 假补贴、假优惠券规则
• 假用户评价

前端责任：

• 发现后端返回虚假数据，必须拒绝渲染
• 营销活动文案必须合规审核
• 价格展示必须真实可溯源

5. 信息无障碍 A11Y（今年 315 重点）

工信部 & 残联强监管：网站 / APP 必须能被读屏软件使用

前端必须做：

• 图片加 alt
• 按钮有语义
• 表单有标签
• 颜色对比度达标
• 键盘可聚焦、可操作

不做 = 可投诉、可处罚、可曝光。

6. 广告、营销、外链合规

• 广告必须明显标注 “广告”
• 禁止伪装成内容、消息、系统提示
• 禁止跳转不明外链、恶意下载
• 禁止诱导分享、诱导关注、诱导截屏

三、前端可以主动做的「合规防护措施」

1. 前端违规内容拦截

对后端返回的文案做过滤：

• 夸大词（最、第一、国家级、100%…）
• 医疗功效词
• 虚假承诺

2. 埋点与行为采集合规

• 用户未同意隐私政策 → 不初始化统计 SDK
• 不采集敏感信息（密码、位置、通讯录）
• 提供关闭个性化推荐的开关

3. 做 “可审计” 的前端

• 弹窗日志
• 权限申请日志
• 按钮点击日志
• 真被投诉时，前端日志能救命。

4. 自动检查工具

• ESLint 规则检查无障碍
• 构建检查违规关键词
• 自动化测试检查默认勾选

四、一句话总结（最核心）

前端在 315 监管里的定位：

不是实现功能，而是守住底线。

前端能做的就是 4 件事：

1. 不误导、不诱导、不欺骗
2. 不暗坑、不默认、不流氓
3. 隐私透明、权限克制
4. 无障碍、可访问、可投诉