Jinja2自动转义仅对{{ variable }}插值生效，不覆盖|safe、Markup、富文本直出、前端innerHTML及未引号HTML属性等场景，故无法防御所有XSS；其转义限于模板层HTML上下文，对DOM型、属性型及服务端模板注入无效。
Flask项目中的XSS风险不是“有没有”的问题，而是“在哪失效”的问题——Jinja2默认转义只保{{}}变量插值这一层，一旦遇到|safe、Markup、富文本直出、前端innerHTML或未引号包裹的HTML属性，防线就立刻崩塌。
为什么{{ variable }}不能防住所有XSS
Jinja2的自动转义只在模板变量渲染时生效，且仅对HTML上下文做实体编码（如→<code><）。它不处理以下场景：
- JavaScript上下文：
<script>var msg = "{{ data }}";</script>中，"或\未被JS字符串转义，可闭合引号注入 - CSS上下文：
<div style="color: {{ color }}">...</div>中，;或expression()可能触发CSS执行 - 未加引号的属性：
<input value="{{" user_input>→ 攻击者输入1 onfocus=alert(1)直接触发 -
href或src属性含javascript:伪协议，Jinja2不拦截也不警告
什么时候必须用bleach.clean()而不是|safe
只要数据来源不可信（用户提交、数据库读取、第三方API返回），且内容需保留部分HTML结构（如评论、文章正文），就必须用bleach.clean()替代|safe。盲目信任|safe等于主动开后门。
- 典型错误：
{{ db_record.content|safe }}—— 数据库字段哪怕来自管理员，也可能被早期注入污染 - 正确做法：
{{ bleach.clean(db_record.content, tags=['p', 'br', 'strong', 'em'], attributes={}, strip=True) | safe }} - 注意
attributes={}：不显式放行href等属性，避免javascript:残留；若需链接，用protocols=['http', 'https']限制协议 - 不要在视图函数里提前调用
bleach.clean()再传给模板——这会让后续模板逻辑无法区分“已清洗”和“纯文本”，应统一在模板层或专用过滤器中处理
前端textContent比innerHTML更安全的硬约束
后端返回JSON字段（如jsonify({'title': '<script>alert(1)</script>'})）时，Flask不做任何HTML转义——那是模板层的事。前端拿到后若用innerHTML拼接，等于把XSS漏洞从服务端平移至客户端。
SkillSub Pro - Python 题解与代码注释双功能技能功能概述SkillSub Pro - Python 题解与代码注释双功能技能是一项面向实际任务的技能，主要用于SkillSub Pro 是一个 Python 题解生成与代码注释的 双功能合体技能 ，专为学生、算法学习者和开发者设计；✅ 一个技能，两种用途 ：；核心要点📝 题解模式 ：输入题目/题号，自动生成完整 Python 题解（含详细注释、解题思路、复杂度分析）；💬 注释模式 ：输入 Python 代码，自动添加详细中。它将相关步骤、
立即学习“Python免费学习笔记（深入）”；
- 纯文本字段（
title、username、comment）一律用el.textContent = data或el.innerText = data - 必须渲染HTML字段（如
article_html）时，禁止el.innerHTML = data；改用DOMPurify.sanitize(data)后再赋值 - Vue中禁用
v-html，React中禁用dangerouslySetInnerHTML——除非你已用bleach在后端清洗且加了CSP头 - API响应头务必加
X-Content-Type-Options: nosniff，防止浏览器MIME嗅探误将JSON当HTML执行
Content-Security-Policy是兜底的最后一道屏障
即使所有代码都写对了，攻击者仍可能通过劫持CDN、利用第三方脚本漏洞等方式绕过前端过滤。CSP是浏览器强制执行的策略，能从根本上阻断内联脚本、eval和非法外链。
- 最小可用配置：
default-src 'self'; script-src 'self'; object-src 'none' - 禁用
'unsafe-inline'和'unsafe-eval'——它们会直接废掉CSP大部分价值 - 如果必须支持内联事件（如
onclick），改用事件委托+data-属性，而非onxxx=写法 - 用
report-uri或report-to收集违规日志，真实环境别只设Content-Security-Policy-Report-Only就完事
真正难防的从来不是<script>alert(1)</script>这种玩具弹窗，而是攻击者用fetch('/api/user')静默窃取敏感接口响应后，再用history.pushState伪造页面跳转——这时候靠bleach或textContent已经没用了，得靠CSP + HttpOnly Cookie + 后端接口鉴权三者咬合。别漏掉任意一环。
