~cytrogen/blog-public

ref: 88eebf3dfdd8ab819fa1a84e1976a8a75d5af2b6 blog-public/posts/d9a2.html -rw-r--r-- 71.2 KiB
88eebf3dCytrogen Deploy 2026-02-19 08:34:27 3 days ago
                                                                                
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
<!DOCTYPE html><html lang="zh" data-theme="dark"><head><meta charset="utf-8"><meta name="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><title>《黑客攻防技术宝典:Web 实战篇》・在读笔记 · Cytrogen 的个人博客</title><meta name="robots" content="noindex"><meta name="description" content="近期「收割」了一批感兴趣的书,空闲时会阅读一下。不过很快就会发现,没法随时随地阅读它们,因为我总是想要记笔记。 顺带一提,我用的是 Calibre 统一管理书籍,手机(安卓)用的是 Moon+ Reader、iPad 用的是 KyBook 3。Calibre 可以启动内容服务器,同个局域网下让移动设备访问所有的书籍并下载,很是方便。Moon+ Reader 还可以直接通过 OPDS(Open Publication Distribution System,开放式出版发布系统)下载书籍。 这一篇阅读的是《黑客攻防技术宝典:Web 实战篇》(The Web Application Hacker's Handbook: Finding and Exploiting Security Flaws)。"><link rel="icon" href="../favicon.png"><link rel="canonical" href="https://cytrogen.icu/posts/d9a2.html"><link rel="webmention" href="https://webmention.io/cytrogen.icu/webmention"><link rel="me" href="https://m.otter.homes/@Cytrogen"><link rel="me" href="https://github.com/cytrogen"><meta name="fediverse:creator" content="@Cytrogen@m.otter.homes"><link rel="preload" href="../fonts/opensans-regular-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous"><style>@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/opensans-regular-latin.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  size-adjust: 107%;
  ascent-override: 97%;
  descent-override: 25%;
  line-gap-override: 0%;
}
</style><script>(function() {
  try {
    // 优先级:用户选择 > 系统偏好 > 默认浅色
    const saved = localStorage.getItem('theme');
    const theme = saved || 
      (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
    
    document.documentElement.setAttribute('data-theme', theme);
    document.documentElement.style.colorScheme = theme;
  } catch (error) {
    // 失败时使用默认主题,不阻塞渲染
    document.documentElement.setAttribute('data-theme', 'light');
  }
})();
</script><link rel="stylesheet" href="../css/ares.css"><script data-netlify-skip-bundle="true">(function() {
  document.addEventListener('DOMContentLoaded', function() {
    const theme = document.documentElement.getAttribute('data-theme');
    const pageWrapper = document.getElementById('page-wrapper');
    if (pageWrapper && theme) {
      pageWrapper.setAttribute('data-theme', theme);
    }
  });
})();

</script><!-- hexo injector head_end start -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hexo-math@4.0.0/dist/style.css">
<!-- hexo injector head_end end --><meta name="generator" content="Hexo 8.1.1"><link rel="alternate" href="atom.xml" title="Cytrogen 的个人博客" type="application/atom+xml">
</head><body><div id="page-wrapper"><a class="skip-link" href="#main-content">跳到主要内容</a><div class="wrap"><header><a class="logo-link" href="../index.html"><img src="../favicon.png" alt="logo"></a><div class="h-card visually-hidden"><img class="u-photo" src="https://cytrogen.icu/favicon.png" alt="Cytrogen"><a class="p-name u-url u-uid" href="https://cytrogen.icu">Cytrogen</a><p class="p-note">Cytrogen 的个人博客,Cytrogen's Blog</p><a class="u-url" rel="me noopener" target="_blank" href="https://m.otter.homes/@Cytrogen">Mastodon</a><a class="u-url" rel="me noopener" target="_blank" href="https://github.com/cytrogen">GitHub</a></div><nav class="site-nav"><div class="nav-main"><div class="nav-primary"><ul class="nav-list hidden-mobile"><li class="nav-item"><a class="nav-link" href="../index.html">首页</a></li></ul><div class="nav-tools"><div class="language-menu"><button class="language-toggle" type="button"><svg class="icon icon-globe" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855A7.97 7.97 0 0 0 10.855 12H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z"></path></svg><span>中文</span></button><div class="language-dropdown"></div></div></div><div class="nav-controls"><div class="more-menu hidden-mobile"><button class="more-toggle" type="button"><span>更多</span><svg class="icon icon-chevron-down" width="12" height="12" viewBox="0 0 12 12" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 8.825c-.2 0-.4-.1-.5-.2l-3.3-3.3c-.3-.3-.3-.8 0-1.1s.8-.3 1.1 0l2.7 2.7 2.7-2.7c.3-.3.8-.3 1.1 0s.3.8 0 1.1l-3.3 3.3c-.1.1-.3.2-.5.2z"></path></svg></button><div class="more-dropdown"><ul class="dropdown-list"><li class="dropdown-item"><a class="nav-link" href="../archives/index.html">归档</a></li><li class="dropdown-item"><a class="nav-link" href="../categories/index.html">分类</a></li><li class="dropdown-item"><a class="nav-link" href="../tags/index.html">标签</a></li><li class="dropdown-item"><a class="nav-link" href="../about/index.html">关于</a></li><li class="dropdown-item"><a class="nav-link" href="../sitemap/index.html">领地地图</a></li></ul></div></div><div class="theme-switcher"><button class="theme-toggle" type="button" role="switch" aria-pressed="false" aria-label="切换主题"><div class="theme-icon moon-icon"><svg class="icon icon-moon" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"></path></svg></div><div class="theme-icon sun-icon"><svg class="icon icon-sun" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"></path></svg></div></button></div><details class="mobile-menu-details hidden-desktop"><summary class="hamburger-menu" aria-label="nav.menu"><svg class="icon icon-bars" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" focusable="false"><path d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path></svg><span class="menu-text">nav.menu</span></summary><div class="mobile-menu-dropdown"><ul class="mobile-nav-list"><li class="mobile-nav-item"><a class="mobile-nav-link" href="../index.html">首页</a></li><li class="mobile-nav-item"><a class="mobile-nav-link" href="../archives/index.html">归档</a></li><li class="mobile-nav-item"><a class="mobile-nav-link" href="../categories/index.html">分类</a></li><li class="mobile-nav-item"><a class="mobile-nav-link" href="../tags/index.html">标签</a></li><li class="mobile-nav-item"><a class="mobile-nav-link" href="../about/index.html">关于</a></li><li class="mobile-nav-item"><a class="mobile-nav-link" href="../sitemap/index.html">领地地图</a></li></ul></div></details></div></div></div></nav></header><main class="container" id="main-content" tabindex="-1"><div class="post"><article class="post-block h-entry"><div class="post-meta p-author h-card visually-hidden"><img class="author-avatar u-photo" src="../favicon.png" alt="Cytrogen"><span class="p-name">Cytrogen</span><a class="u-url" href="https://cytrogen.icu">https://cytrogen.icu</a></div><a class="post-permalink u-url u-uid visually-hidden" href="https://cytrogen.icu/posts/d9a2.html">永久链接</a><div class="p-summary visually-hidden"><p>近期「收割」了一批感兴趣的书,空闲时会阅读一下。不过很快就会发现,没法随时随地阅读它们,因为我总是想要记笔记。</p>
<p>顺带一提,我用的是 <a target="_blank" rel="noopener" href="https://calibre-ebook.com/">Calibre</a> 统一管理书籍,手机(安卓)用的是 <a target="_blank" rel="noopener" href="https://moondownload.com/">Moon+ Reader</a>、iPad 用的是 <a target="_blank" rel="noopener" href="http://kybook-reader.com/">KyBook 3</a>。Calibre 可以启动内容服务器,同个局域网下让移动设备访问所有的书籍并下载,很是方便。Moon+ Reader 还可以直接通过 OPDS(Open Publication Distribution System,开放式出版发布系统)下载书籍。</p>
<p>这一篇阅读的是<a target="_blank" rel="noopener" href="https://www.google.com/books/edition/The _Web_ Application _Hacker_ s_Handbook/jN6cDprdnd0C?hl=en">《黑客攻防技术宝典:Web 实战篇》</a><em>The Web Application Hacker's Handbook: Finding and Exploiting Security Flaws</em>)。</p></div><div class="visually-hidden"><a class="p-category" href="../categories/%E9%98%85%E8%AF%BB%E7%AC%94%E8%AE%B0/">阅读笔记</a></div><h1 class="post-title p-name">《黑客攻防技术宝典:Web 实战篇》・在读笔记</h1><div class="post-info"><time class="post-date dt-published" datetime="2025-09-17T04:46:14.000Z">9/17/2025</time><time class="dt-updated visually-hidden" datetime="2026-02-09T17:16:55.009Z"></time></div><div class="post-content e-content"><html><head></head><body><p>近期「收割」了一批感兴趣的书,空闲时会阅读一下。不过很快就会发现,没法随时随地阅读它们,因为我总是想要记笔记。</p>
<p>顺带一提,我用的是 <a target="_blank" rel="noopener" href="https://calibre-ebook.com/">Calibre</a> 统一管理书籍,手机(安卓)用的是 <a target="_blank" rel="noopener" href="https://moondownload.com/">Moon+ Reader</a>、iPad 用的是 <a target="_blank" rel="noopener" href="http://kybook-reader.com/">KyBook 3</a>。Calibre 可以启动内容服务器,同个局域网下让移动设备访问所有的书籍并下载,很是方便。Moon+ Reader 还可以直接通过 OPDS(Open Publication Distribution System,开放式出版发布系统)下载书籍。</p>
<p>这一篇阅读的是 <a target="_blank" rel="noopener" href="https://www.google.com/books/edition/The_Web_Application_Hacker_s_Handbook/jN6cDprdnd0C?hl=en">《黑客攻防技术宝典:Web 实战篇》</a><em>The Web Application Hacker's Handbook: Finding and Exploiting Security Flaws</em>)。</p>
<span id="more"></span>
<h2 id="第一章"><a class="markdownIt-Anchor" href="#第一章"></a> 第一章</h2>
<p>早期的万维网仅由 Web 站点构成。</p>
<blockquote>
<p>Web 1.0 时代,Web 站点的唯一功能就是陈列信息,也就是静态文档。作为读者,你无法对该它作出任何影响,只能去看它。</p>
<p>到了 Web 2.0 时代,互联网变成了一个功能强大的交互式软件或服务平台。你可以注册登录、转账、发布照片等。</p>
</blockquote>
<p>现在,网站几乎都是 Web 应用程序。安全问题变得至关重要且复杂。</p>
<p>作者表示,就算使用 SSL 或者遵循 PCI 标准扫描 Web 站点,也会遇到这些漏洞:</p>
<blockquote>
<p>SSL(Secure Sockets Layer,安全套接层),会加密浏览器和网站服务器之间的通信通道。现在则有另一个名字:TLS(Transport Layer Security,传输层安全协议),不过本质是一样的。</p>
</blockquote>
<blockquote>
<p>PCI 通常指的是 PCI DSS(Payment Card Industry Data Security Standard,支付卡行业数据安全标准)。这是由 Visa、MasterCard 等主流信用卡公司联合制定和推行的一套安全规则和要求。它规定了任何处理、存储或传输信用卡信息的商家或机构 <strong>必须</strong> 遵守的安全标准。所有接受信用卡支付的线上电商、线下实体店、支付处理公司等,都必须遵守 PCI DSS 标准。定期进行的「PCI 扫描」就是为了检查商家的系统是否符合这些规定。</p>
</blockquote>
<ul>
<li>不完善的身份验证
<ul>
<li>登录环节有漏洞</li>
</ul>
</li>
<li>不完善的访问控制
<ul>
<li>登录之后的权限管理混乱。例如普通用户可以查看其他用户的隐私数据(比如订单、私信),甚至可以执行管理员才能做的操作(比如删除别人的账户)</li>
</ul>
</li>
<li>SQL 注入
<ul>
<li>利用输入框,向网站的数据库下达恶意命令</li>
</ul>
</li>
<li>跨站点脚本(XSS)
<ul>
<li>攻击者在网站上留下恶意代码,当其他用户访问时,这段代码会在他们的浏览器里执行</li>
</ul>
</li>
<li>信息泄露
<ul>
<li>网站泄露了太多内部技术细节</li>
</ul>
</li>
<li>跨站点请求伪造(CSRF)
<ul>
<li>强迫一个已登录的用户,在不知情的情况下,向网站发送一个他本不想发送的请求</li>
</ul>
</li>
</ul>
<p>这些问题里,最核心的问题是:<strong>服务器永远不能信任客户端、永远假设客户端发来的请求都是暗藏恶意的。</strong></p>
<ol>
<li>
<p>用户可以拦截和修改浏览器与服务器之间传递的所有数据,包括请求参数、Cookie 等。任何在浏览器端做的安全检查(比如「价格不能是负数」)都可以被轻松绕过</p>
</li>
<li>
<p>用户可以不按照开发者设计的流程操作。比如一个购物流程是「加入购物车 -&gt; 填写地址 -&gt; 支付」,用户可能直接跳到第 3 步,或者在一个步骤里提交 100 次请求</p>
</li>
<li>
<p>攻击者不一定用普通的浏览器(Chrome、Firefox)来访问你的网站。他们有各种专业工具(比如 Postman、Burp Suite),可以构造出浏览器绝对无法发出的、稀奇古怪的请求</p>
</li>
</ol>
<p>这意味着 Web 安全的真正战场不在于加固传输通道(SSL 的工作),而在于服务器后端本身必须建立一套「不信任」和「严格审查」的机制。</p>
<p>Web 应用安全问题之所以如此普遍和顽固,就是因为整个开发生态系统存在一系列系统性缺陷,导致即使是善意的开发者也很容易写出不安全的代码。</p>
<ol>
<li>
<p>不成熟的安全意识。这很简单理解:写网站的程序员通常不是安全专家。IT 安全人员可能很懂防火墙,但不懂 SQL 注入;Web 开发者可能每天忙于用第三方工具包拼凑出功能,但很少有时间去深入研究安全基础,甚至会错误地假设他们使用的框架是绝对安全的</p>
</li>
<li>
<p>独立开发。公司的网络基础设施通常是购买业界领先地成熟产品,按照标准流程部署,相对可靠。但 Web 应用几乎都是自己从头开发的。即使使用了第三方组件,也是通过新代码「粘合」起来的。这意味着每个网站都是一个独特的实验品,不像工业化标准产品那样经过千锤百炼</p>
</li>
<li>
<p>欺骗性的简化。现在有很多强大的开发框架(如 Liferay),提供了大量现成的代码组件。一个新手程序员可以在短时间内「拖拉拽」出一个功能强大的网站,但他根本不理解其内部运行机制和潜在风险。能用 ≠ 安全。这种模式导致大量使用相同框架的网站,一旦框架本身爆出漏洞,就会「一损俱损」</p>
</li>
<li>
<p>迅速发展的威胁形势。Web 攻击和防御是一个高速发展的领域。今天还被认为是安全的防御方法,明天可能就被新的攻击技巧破解。一个开发团队在项目开始时学习了最新的安全知识,但等他们花了一两年时间开发完产品并上线时,黑客们已经发明出了全新的攻击武器</p>
</li>
<li>
<p>资源与时间限制。大多数项目都有严格的预算和上线日期。功能开发和稳定性是首要任务。安全问题因为「看不见摸不着」,优先级通常被排在最后。很多时候,只有到项目快上线了,才找人匆匆忙忙做个「渗透测试」,这种测试往往只能发现最表面的问题</p>
</li>
<li>
<p>技术上强其所难。很多 Web 核心技术,例如 JavaScript,都诞生于互联网早期,当时的设计目标也都只是为了显示一些简单的静态文档。但现在,我们用这些技术去构建极其复杂的应用,意味着技术本身被「强行」用在了远超其最初设想的场景中,自然会暴露出各种无法预料的安全漏洞</p>
</li>
<li>
<p>对功能的需求不断增强。为了吸引用户,网站的功能变得越来越复杂。一个简单的登录功能,现在会被要求加上「密码恢复」、「用短信登录」、「记住我」等多种选项。每一个新增的功能,都为黑客提供了一个新的潜在攻击点。功能越多,需要保护的地方就越多,防御的难度呈指数级增长</p>
</li>
</ol>
<p>在 Web 应用出现之前,安全防御的重点都放在网络边界上。过去的安全思路很简单:只要防火墙够强,公司的网络就是安全的。而 Web 应用要被用户使用,公司必须在「城墙」上开一个大门(允许 HTTP / HTTPS 流量通过)。而且这个应用为了实现功能,还必须连接到最核心的数据库和后台系统。既然防火墙已经被合法地打穿,那么真正的安全边界就不再是那道「旧城墙」,而是 Web 应用程序本身。应用处理用户输入的每一行代码,都成了新的前线和边界。</p>
<h2 id="第二章"><a class="markdownIt-Anchor" href="#第二章"></a> 第二章</h2>
<p>Web 应用程序大多采用以下三层安全机制来处理用户的访问,对应三个本质性的问题:</p>
<ol>
<li>
<p>身份验证:<em>你是谁?</em></p>
<p>确认一个未知访客的真实身份,并赋予他一个已知的「身份标签」。Web 应用程序会使用「登录」来进行这个操作。你可以输入用户名和密码,或者使用指纹、人脸识别、客户端证书等,系统会去数据库内核对、确认你的身份是合法用户。</p>
</li>
<li>
<p>会话管理:<em>我如何记住你是谁?</em></p>
<p>在无状态的 HTTP 协议上,为用户创建一个持续的、被认可的「登录状态」,避免每次操作都需要重新验证身份的麻烦。当你登录成功后,服务器会给你一个令牌(Token),通常以 Cookie 或者其他形式保存在你的浏览器里。当你每次浏览网站的不同页面、提交不同请求时,浏览器都会自动带上这个令牌。服务器看到这个令牌,就会知道你刚才登录过了、不需要再登录一遍。</p>
</li>
<li>
<p>访问控制:<em>你能做什么?</em></p>
<p>在确认了你的身份并维持了你的登录状态之后,对你的每一次具体操作进行权限检查,确保你只在被允许的范围内活动。例如,你作为一个普通用户只能查看自己的邮件、修改自己的个人资料,但是不能去访问管理员后台、查看其他人的邮件。因为系统的权限设置规定了,普通用户角色不能执行管理员操作,也不能访问不属于自己的数据。</p>
</li>
</ol>
<p>这三层安全机制至关重要,任意一层存在缺陷都可能使攻击者自由访问:</p>
<ol>
<li>如果身份验证有缺陷,那么攻击者可以伪造一张完全合法的通行证,并且拥有被冒充者的所有权限。之后的两层再怎么坚固也没有用</li>
<li>如果会话管理有缺陷,那么攻击者根本不需要去验证身份,他大可以直接去偷或者复制一个通行证、冒充别人在 Web 应用程序里随意执行别人的所有权限</li>
<li>如果访问控制有缺陷,那么攻击者只需要一个最低权限的账户,就能访问整个系统的所有功能和数据</li>
</ol>
<h4 id="身份验证"><a class="markdownIt-Anchor" href="#身份验证"></a> 身份验证</h4>
<p>身份验证是「信任」的起点和基石。它是 Web 应用安全中最基础、最关键,却又最容易被误解和错误实现的部分。</p>
<p>身份验证不是一个非黑即白的东西,它有一个从弱到强的「安全光谱」。选择哪种方式,取决于应用的重要性和它所保护的数据价值。最基础的是用户名 + 密码,适用于绝大多数场景,也是最基础的防线;在「知道密码」的基础上,高价值应用 —— 例如电子银行 —— 会增加「你拥有什么(手机验证码、令牌)」或者「你是什么(指纹、面容 ID)」;政府、军队或者特定企业内部系统会将认证凭证与物理硬件绑定,虽然牺牲了便利性,但是大大提升了破解难度。</p>
<p>不过真正的攻击面并不是这些,而是身份验证机制的支持功能。例如,攻击者可以尝试在注册时,使用包含恶意代码的用户名来注册,从而影响到 Web 应用程序内部;修改密码时如果不要求输入旧密码的话,攻击者可以通过一些方式 —— 像 XSS—— 来劫持用户登陆后的会话、直接修改密码;最值得注意的是账户恢复功能,安全问题是可以通过社交网络查到的、重置令牌不够随机的话就会被预测到、验证码没有次数限制的话就会被暴力破解。</p>
<p>为什么看似简单的登录功能,却是重灾区?这些问题都需要我们考虑到:</p>
<ol>
<li>当用户登录时,返回的错误信息是「用户名不存在」还是「密码错误」?如果是前者,攻击者就可以利用这个功能来枚举出所有的合法用户名,为后续的密码攻击做准备。一个安全的实现应该统一返回「用户名或密码错误」</li>
<li>身份验证流程往往涉及多个步骤和状态。例如,一个需要两步验证的流程,攻击者能否在完成第一步验证后,直接跳过第二步,访问一个需要登录才能访问的页面?这就是逻辑缺陷,攻击者利用了开发者没有周全考虑到的流程漏洞</li>
<li>身份验证机制最终还是要被人使用。系统是否强制用户设置强密码?用户是否会因为密码重用、导致在一个不安全的网站泄露密码,而那个密码又可以用来登录你的高安全应用?</li>
</ol>
<h4 id="会话管理"><a class="markdownIt-Anchor" href="#会话管理"></a> 会话管理</h4>
<p>身份验证只是一瞬间的动作,而会话管理则是在用户登录后的整个访问期间,持续地、安全地记住用户身份的机制。这个机制的命脉完全系于一个叫做「令牌」的东西上,因此,令牌的安全性就等同于整个会话的安全性。</p>
<p>最传统、最常见的会话管理模型是使用 Session:用户登陆成功后,服务器会在自己内部创建一个「档案」,里面存放着该用户的所有状态信息,这个「档案」便是会话。服务器创建了「档案」之后,会生成一个独一无二、极其随机的字符串作为这个「档案」的编号,即令牌。服务器将这个令牌发给用户的浏览器,浏览器通常会将其存到 Cookie 里。之后,用户的浏览器每次向服务器发请求,都会自动带上存有这个令牌的 Cookie。服务器收到请求后,看到令牌,就拿着这个编号去自己的「档案室」里查找对应的「档案」,从而恢复用户的所有状态信息,并处理他们的请求。</p>
<p>问题在于,令牌是维持登录状态的唯一凭证,那么攻击者就不再需要用户的密码,他们只需要想办法得到用户的令牌。手段如下:</p>
<ol>
<li>如果应用程序生成的会话令牌不够随机(例如,只是简单地基于时间戳或用户 ID 进行编码),攻击者就可以分析规律,预测出其他用户的合法令牌,从而冒充他们</li>
<li>窃取令牌的方式有很多:
<ol>
<li>攻击者在页面注入恶意脚本,读取并发送你的 Cookie</li>
<li>如果用户在不安全的公共 Wi-Fi 上访问一个没有使用 HTTPS 的网站,网络中的任何人都可以「偷听」到用户的网络流量,并从中窃取会话 Cookie</li>
<li>攻击者使用了用户未锁屏的电脑</li>
</ol>
</li>
<li>攻击者先访问网站,让服务器生成一个会话令牌。然后他把这个令牌通过链接发给用户(例如 <code>http://网站.后缀/?SESSIONID=...</code>)。用户点击链接后,用自己的账号密码成功登录。如果此时服务器没有为用户 <strong>重新生成一个新的、更安全的会话令牌</strong>,那么攻击者预先知道的那个令牌就和用户成功登录的账户绑定了</li>
</ol>
<p>还有其他模型,比方说无状态会话,最典型的代表便是 JWT(JSON Web Token),它的原理是将状态信息保存在客户端而非服务器上。这种方式服务器端开销小、易于扩展;缺点是一旦令牌发出,在它过期之前就很难让它失效。</p>
<h4 id="访问控制"><a class="markdownIt-Anchor" href="#访问控制"></a> 访问控制</h4>
<p>访问控制是安全体系的最后一道、也是最复杂的一道防线。它的复杂性决定了它必然是漏洞的重灾区,因此也成为了攻击者最有价值的攻击目标。</p>
<p>首先,访问控制的定位是「后置检查」,也就是说它仅关心「已登录的用户可以做什么」。为什么访问控制必然复杂?在一个真实的应用中,权限绝对不是简单的「是」或「否」。我们可以将访问控制分为几种类型,每一种都会引入大量复杂的逻辑:</p>
<ol>
<li>
<p>垂直访问控制</p>
<p>基于角色和权限的控制。不同级别的用户能访问的功能完全不同。例如管理员可以访问 <code>/admin/dashboard</code>,而普通用户不能。当角色非常多(超级管理员、区域管理员、编辑、版主、普通用户……)且权限可以灵活组合时,逻辑会变得极其复杂,开发者很容易在某个角色的权限判断上出错。</p>
</li>
<li>
<p>水平访问控制</p>
<p>基于数据所有权的控制。同一角色的用户之间,只能访问属于自己的数据。</p>
<p>这是 <strong>最常见、最致命的漏洞来源</strong>。对于每一个需要操作数据的请求(如 <code>GET /orders/101</code>, <code>POST /profiles/202</code>),服务器都 <strong>必须</strong> 增加一步检查:「当前登录的用户是否是订单 101 的主人?」或「当前登录的用户是否就是用户 202 本人?」。</p>
</li>
<li>
<p>上下文相关的访问控制</p>
<p>权限还依赖于当前的状态或上下文。打个比方,在一个竞拍应用中,只有在竞拍进行中你才能出价。这种逻辑将状态机(State Machine)引入了权限判断,使得代码的判断分支急剧增多。</p>
</li>
</ol>
<p>对于攻击者而言,开发者总是会犯错的。</p>
<p>开发者可能会错误假设:所有用户都会按照设计的流程来。因此在前端界面只给用户显示「编辑我的帖子」按钮,这样用户就不可能去编辑别人的帖子了。但是真实情况是攻击者根本不通过开发者的前端界面、直接捕获点击「编辑我的帖子」时发出的请求,例如 <code>PUT /api/posts/123</code>。然后手动修改请求中的帖子 ID,改成 <code>PUT /api/posts/456</code>(别人的帖子 ID),再重新发送。如果后端开发者相信了前端的「保护」,而忘记在后端 API 上进行所有权检查,那么这次攻击就成功了。这就是经典的 IDOR(Insecure Direct Object Reference,不安全的直接对象引用)漏洞。</p>
<p>也有可能,开发者给 10 个端口添加了检查,却在第 11 个端口忘记这么干了。</p>
<h4 id="输入的多样性和不可信性"><a class="markdownIt-Anchor" href="#输入的多样性和不可信性"></a> 输入的多样性和不可信性</h4>
<p>「用户输入」不单单是用户在表单里填写的内容。像我们先前说的,从安全的角度看,所有从客户端发送到服务器的数据,都是用户输入,都是 <strong>不可信</strong> 的。这包括:</p>
<ul>
<li>表单字段(用户名、密码、搜索框、评论区)</li>
<li>URL 参数(<code>/product?id=123</code>)、URL 路径(<code>/user/profile/123</code></li>
<li>Cookies、User-Agent、Referer 等所有头部信息</li>
<li>服务器端生成,但客户端可修改的数据。这一点很重要,也很容易被开发者忽略。例如,一个隐藏表单字段 <code>&lt;input type="hidden" name="price" value="100"&gt;</code>。开发者以为价格是服务器定的,但攻击者可以轻易地拦截请求,把 <code>100</code> 改成 <code>1</code></li>
</ul>
<p>验证策略必须因地制宜。一些场景该严格就严格,一些则该宽松就宽松。</p>
<p>如何去防御呢?作者给出了五种防御策略:</p>
<ol>
<li>
<p>拒绝已知的不良输入</p>
<p>创建黑名单,禁止任何包含列表中内容的数据通过。</p>
<p>这是最脆弱的方法。理由很简单,黑名单很容易被「绕过」:</p>
<ul>
<li>大小写绕过:<code>SELECT</code> -&gt; <code>SeLeCt</code></li>
<li>等价语句绕过:<code>or 1=1</code> -&gt; <code>or 2=2</code></li>
<li>编码绕过:<code>&lt;</code> -&gt; <code>%3c</code></li>
<li>插入无关字符绕过:<code>SELECT FROM</code> -&gt; <code>SELECT/*foo*/FROM</code></li>
</ul>
<p>黑名单只能作为辅助,永远都不能作为主要的防御手段。它注定会失败,因为你永远无法穷举所有不好的东西。</p>
</li>
<li>
<p>接受已知的正常输入</p>
<p>创建白名单,只允许符合规则的数据通过。</p>
<p>在适用的情况下,这是最强大、最有效的方法。最适用于格式固定的数据,如手机号、邮政编码、产品 ID 等。但是不适用于需要丰富表达的自由文本,如文章评论。</p>
</li>
<li>
<p>净化</p>
<p>不拒绝,也不完全接受,而是对输入进行无害化处理。</p>
<p>一种非常实用和必要的妥协方案,主要处理那些无法使用白名单的自由文本。</p>
<p>较为经典的例子是防止 XSS 攻击。假设用户输入了 <code>&lt;script&gt;alert(1)&lt;/script&gt;</code>。显示前你必须将其进行 HTML 编码,将其转换为无害的文本 <code>&amp;lt;script&amp;gt;alert(1)&amp;lt;/script&amp;gt;</code>。这样浏览器就只会把它当成普通文字显示出来,而不会执行它。</p>
</li>
<li>
<p>安全数据处理</p>
<p>与其检查输入是否「安全」,不如让处理过程本身对「危险」免疫。</p>
<p>最佳实践,从根本上解决特定问题。</p>
<p>经典案例为防止 SQL 注入。与其使用黑名单过滤 <code>SELECT</code><code>--</code> 等字符,不如直接使用参数化查询。这种方法将用户输入的数据和 SQL 命令本身完全分离开来,即时用户输入了恶意的 SQL 代码,数据库也只会把它当成普通的字符串数据来处理,而不会执行它。</p>
</li>
<li>
<p>语法检查</p>
<p>检查输入的业务含义是否合法,而不仅仅是格式。</p>
<p>比方说,用户修改购物车商品数量,他提交的请求 <code>product_id=101&amp;quantity=-1</code>。从语法上来看,<code>-1</code> 是一个有效的整数,但从业务逻辑上看,数量不能为负数。另一个例子是,用户 A 尝试访问 <code>order_id=102</code>,虽然 <code>102</code> 是合法的订单号格式,但这个订单属于用户 B,所以这也是非法的。</p>
</li>
</ol>
<p>很多初学者会犯的错误是,在应用的最外层写一个「超级过滤器」,试图把所有「坏」东西都挡在门外。作者解释道,这种一刀切的入口过滤是无效的。数据在系统内部流动和转换时会产生新的风险,所以必须在每个处理环节进行针对性的验证。就像是一个对 HTML 页面完全安全的字符串 <code>O'Malley</code>,对于 SQL 查询来说却是十分危险的存在(因为有单引号)。</p>
<p>我们应当应用边界确认 —— 数据流传的每一个组件,都应将其输入视为不可信,并执行针对自己上下文的验证。</p>
<ul>
<li>用户 -&gt; Web 服务器(外部边界):进行基础格式校验(白名单)</li>
<li>Web 服务器 -&gt; 数据库(信任边界):进行 SQL 转义或使用参数化查询</li>
<li>Web 服务器 -&gt; 后端 API(信任边界):进行 XML / JSON 编码</li>
<li>Web 服务器 -&gt; 用户浏览器(信任边界):进行 HTML 编码</li>
</ul>
<p>每个组件只负责保护自己,不信任任何上游组件传来的数据。</p>
<p>我学习爬虫的时候,教师提到一个很有意思的点:「爬虫是永无止境的,因为会有反爬虫、反反爬虫、反反反爬虫……」我认为这跟开发者和攻击者的关系很类似(但是性质恶劣许多),为了可以「反反反爬虫」,我们需要了解攻击者如何「反反爬虫」我们。高级攻击者会利用我们防御逻辑的漏洞来绕过防御。</p>
<ul>
<li>当我们的防御措施是「删除」或者「替换」某个恶意字符串时,攻击者可以通过构造嵌套的恶意代码,利用你「删除」这个动作来重新组合出攻击代码</li>
<li>攻击者提交编码后的恶意输入(<code>%27 OR 1=1</code>)。因为该字符串没有单引号,所以我们的过滤器会放行。这个字符串接着会被传递给后端的 SQL 查询模块。SQL 模块在执行前,会进行 URL 解码,<code>%27</code> 变回了 <code>'</code>。最终,恶意代码 <code>' OR 1=1</code> 被执行,攻击成功。这是利用了规范化这一概念</li>
</ul>
<h4 id="处理攻击者"><a class="markdownIt-Anchor" href="#处理攻击者"></a> 处理攻击者</h4>
<p>一个成熟的应用程序,必须建立在「我一定会被攻击」这个残酷的假设之上。因此,安全机制不仅仅是建立一套静态的防御工事,更要设计一套动态的应对体系。当攻击发生时,应用需要能够以受控的方式去处理、响应、记录并挫败攻击者。</p>
<ol>
<li>
<p>处理错误</p>
<p>无论开发者多小心,意料之外的错误总会发生,尤其是在遭受恶意攻击时。一个关键的防御机制,就是优雅且安全地处理这些错误。</p>
<p>在生产环境中,应用程序绝对不应该在返回给用户的页面中,显示任何系统生成的原始错误消息、堆栈跟踪(stack trace)或调试信息。这些看似无害的调试信息,在攻击者眼中却是藏宝图。它们会轻易地暴露你所使用的技术栈(如 <code>Microsoft SQL Server Error</code>)、数据库结构(如 <code>column 'username' not found</code>)、服务器的内部文件路径等等。在某些极端情况下,有缺陷的错误处理机制甚至可能成为攻击者直接窃取数据的渠道。</p>
<p>正确的做法是「对用户,要含糊其辞;对日志,要事无巨细」:</p>
<ul>
<li>当发生无法处理的错误时,应该向用户展示一个统一的、友好的通用错误页面(例如,「抱歉,服务暂时出现问题,请稍后再试」)。这个页面不包含任何技术细节。</li>
<li>在服务器的后台,应用程序应该使用 <code>try-catch</code> 块等机制捕获这个错误的 <strong>全部</strong> 详细信息,包括完整的堆栈跟踪、请求参数等,并将其完整地记录到内部的日志文件中,以便开发者进行分析和修复。</li>
</ul>
<p>无法预料的错误往往是应用程序防御体系中存在未知漏洞的信号。安全地处理它们,既能防止信息泄露,又能为我们修复漏洞提供线索。</p>
</li>
<li>
<p>维护审计日志</p>
<p>如果说错误日志记录的是应用的「意外」,那么审计日志记录的就是应用的「日常」。当安全事件(不幸地)发生后,审计日志就扮演着「黑匣子」的角色,是调查和追溯攻击过程的唯一依据。</p>
<p>一个有效的审计日志,应该能帮助我们回答以下问题:<em>攻击者利用了什么漏洞?他访问了哪些不该访问的数据?他执行了哪些未授权的操作?他是谁(IP 地址、账户)?</em></p>
<p>在任何注重安全的应用程序中,日志应当记录所有重要的安全相关事件,这至少应该包括:</p>
<ul>
<li>所有身份验证事件,无论是成功还是失败的登录、密码修改等</li>
<li>关键的业务交易,比如信用卡支付、转账操作</li>
<li>被访问控制机制明确拒绝的越权访问尝试</li>
<li>任何包含了明显攻击字符串(如 <code>or 1=1--</code>)的恶意请求</li>
</ul>
<p>但这里存在一个悖论:<em>日志本身也可能成为一个安全风险</em>。因为日志中可能记录了用户的敏感请求参数,甚至是会话令牌。如果日志文件保护不当,被攻击者读取到,就可能直接导致整个应用被攻破。因此,日志文件必须受到严格的访问控制保护,甚至最好是存放在一个独立的、高度安全的日志服务器上,并确保其不可被篡改(例如写入到一次性写入的介质中)。</p>
</li>
<li>
<p>向管理员发出警报</p>
<p>警报系统的目标是在攻击者得手之前或得手之时,就立即通知管理员,以便采取实时干预。</p>
<p>一个好的警报系统,关键在于在「准确性」和「信噪比」之间找到平衡。如果误报太多,管理员很快就会对警报变得麻木,从而忽略真正的攻击。因此,警报应该聚焦于那些高度可疑或明确恶意的「反常事件」,例如:</p>
<ul>
<li>某个 IP 地址或用户在短时间内发起了海量的请求,这很可能是自动化扫描或暴力破解的迹象</li>
<li>某个账户的交易金额或频率远超正常范围</li>
<li>请求中包含了已知的攻击字符串</li>
<li>请求修改了普通用户根本不应该能修改的数据,比如隐藏表单字段中的商品价格或用户 ID</li>
</ul>
<p>书中提出了一个非常深刻的观点:外部的防火墙(WAF)无法理解你应用的业务逻辑。一个 WAF 也许能识别出请求参数里的 <code>SELECT * FROM</code> 是 SQL 注入,但它绝对无法判断 <code>GET /orders/102</code> 对于当前登录的用户 <code>A</code> 来说,是一次越权访问。</p>
<p>但你的应用程序本身最清楚这些业务逻辑。因此,最有效的警报,是与应用自身的访问控制机制紧密结合。当访问控制逻辑拒绝了一个越权请求时,这不仅是一次成功的防御,更是一个极高质量的、几乎零误报的警报信号。</p>
</li>
<li>
<p>应对攻击</p>
<p>作者承认,没有任何应用是完美无缺的,总会有一些漏洞潜藏其中。既然无法做到完美,那我们至少可以增加攻击者发现和利用这些漏洞的成本。</p>
<p>现实中的攻击,很少有一击即中的。攻击者需要系统性地进行大量探测,发送成百上千个精心构造的请求,来试探应用是否存在各种漏洞。这个过程就像在黑暗中摸索一扇没有上锁的门。</p>
<p>应对攻击的机制,就是在他摸索的过程中,不断地给他制造障碍。例如:</p>
<ul>
<li>当应用识别到某个 IP 或用户正在进行系统性探测时,可以故意放慢对他们请求的响应速度,从 100 毫秒延长到 5 秒。这会极大地拖慢自动化扫描工具的效率</li>
<li>当检测到明确的攻击行为时,可以立即终止当前用户的会话,强制他重新登录。这可以打断攻击者的攻击链</li>
<li>在更极端的情况下,可以暂时封禁攻击者的 IP 地址或用户账户</li>
</ul>
</li>
</ol>
<p>这些措施虽然无法阻挡最顶尖、最有耐心的攻击者,但它们可以有效地劝退大量的「脚本小子」和随意攻击者。</p>
<h4 id="管理应用程序"><a class="markdownIt-Anchor" href="#管理应用程序"></a> 管理应用程序</h4>
<p>应用程序的管理功能(如用户管理、角色分配、系统配置)是为管理员等高权限用户设计的。由于这些功能常常与普通用户功能构建在同一个 Web 应用内,它们就成为了一个极具吸引力且高价值的攻击面。攻击者的核心目标是利用管理功能实现权限提升。</p>
<p>攻击者有四条主要路径来攻破管理功能:</p>
<ol>
<li>通过暴力破解、凭证填充等手段直接获取管理员账户的登录权限。因为管理员账户数量少,目标明确,所以是常见的攻击起点</li>
<li>应用程序的普通用户功能和管理功能之间,可能存在访问控制缺陷。攻击者以低权限用户身份登录后,尝试直接访问管理功能的 URL(例如 <code>GET /admin/create-user</code>)。如果后端没有对该端点进行严格的权限校验,攻击者就能执行未授权的管理操作</li>
<li>攻击者在普通用户功能中(如个人资料、评论区)提交包含恶意 JavaScript 的输入。当管理员在管理后台查看这些被污染的数据时,恶意脚本会在管理员的浏览器中执行。这能导致管理员的会话令牌被窃取,或者让攻击者以管理员身份执行任意操作</li>
<li>管理功能本身被设计用来执行危险操作,例如文件上传 / 下载、执行系统诊断命令等。这些功能内部如果存在漏洞(如路径遍历、命令注入),其破坏力会远超普通功能中的同类漏洞,可能直接导致服务器被完全控制</li>
</ol>
<p>管理功能之所以频繁出现漏洞,根本原因在于它们往往 <strong>未经充分的安全测试</strong>。测试人员可能没有获得管理员权限,或者开发者错误地假设「管理员是可信的」,从而在开发管理界面时放松了安全警惕。这种假设是致命的,因为攻击者的目标正是利用其他漏洞,让自己成为那个「可信的」管理员。</p>
<h2 id="第三章"><a class="markdownIt-Anchor" href="#第三章"></a> 第三章</h2>
<h4 id="http"><a class="markdownIt-Anchor" href="#http"></a> HTTP</h4>
<p>跳过。</p>
<h4 id="解刨-web-功能"><a class="markdownIt-Anchor" href="#解刨-web-功能"></a> 解刨 Web 功能</h4>
<p>一个 Web 应用并非铁板一块,而是由众多服务端和客户端技术共同协作构成的复杂生态系统。攻击的第一步,就是理解这个生态的组成,识别出每一个可能被利用的组件。</p>
<p>作者介绍了(当时)几种主流的后端技术栈和前端技术,并介绍了它们各自的特点和风险。但因为这本书有点年头了,也就不说了。</p>
<h4 id="编码方案"><a class="markdownIt-Anchor" href="#编码方案"></a> 编码方案</h4>
<p>Web 应用最初被设计为处理基于文本的数据,为了能够安全地传输特殊字符(如 <code>&amp;</code><code>=</code>、空格)和二进制数据,人们设计了多种编码方案。然而,攻击者恰恰利用了这些编码机制,将恶意的攻击载荷「伪装」成看似无害的数据,从而穿透防御措施。</p>
<ol>
<li>
<p>URL 编码</p>
<p>URL 编码是处理 Web 请求时最常见、最基础的编码形式。它的存在是为了将任意字符转换为符合 URL 规范的、可安全传输的 US - ASCII 字符集。其规则很简单,即以 <code>%</code> 符号加上字符的两位十六进制 ASCII 码。</p>
<p>从攻击者的角度看,URL 编码是绕过简单输入过滤器的第一手段。假设一个 Web 应用防火墙或一段简单的代码,试图通过查找字符串 <code>&lt;script&gt;</code> 来阻止 XSS 攻击。攻击者可以提交编码后的载荷 <code>%3cscript%3e</code>。对于这个简单的过滤器来说,它看到的只是一串不包含 <code>&lt;script&gt;</code> 的普通字符,于是便会放行。然而,当这个请求到达 Web 服务器的应用程序容器(如 Tomcat、IIS)时,容器会自动执行第一步规范化 ——URL 解码,将 <code>%3c</code><code>%3e</code> 还原为 <code>&lt;</code><code>&gt;</code>,从而使恶意的脚本得以在后续处理中生效。</p>
</li>
<li>
<p>Unicode 编码</p>
<p>Unicode 编码的出现是为了表示世界上所有的字符,其编码方式(如 UTF-8)远比 ASCII 复杂。这也为攻击者提供了更广阔的绕过空间。</p>
<p>攻击者可以利用 Unicode 中多种方式表示同一个或相似字符的特性来绕过防御。例如,一个过滤器可能严格禁止了半角的 <code>&lt;</code> 字符,但攻击者可能会尝试提交一个全角的 <code></code> 字符。如果后端的某个组件在处理过程中,会「智能」地将全角字符转换为半角字符(一种规范化),那么这次攻击就成功绕过了过滤器。Unicode 编码为这类基于「字符混淆」的攻击提供了丰富的素材。</p>
</li>
<li>
<p>HTML 编码</p>
<p>与前两者主要被攻击者利用不同,HTML 编码(或称 HTML 实体编码)主要是作为一种 <strong>核心的防御机制</strong>。它的目的是在 HTML 页面中安全地显示用户提交的内容,确保浏览器将其作为纯文本对待,而不是作为 HTML 标签来解析。</p>
<p>当应用需要显示用户提交的 <code>&lt;script&gt;</code> 字符串时,它必须先将其进行 HTML 编码,转换为 <code>&lt;script&gt;</code>。浏览器在渲染时,看到 <code>&lt;</code> 就会把它当作一个普通的「小于号」字符显示出来,而不是一个标签的开始。这是防御存储型和反射型 XSS 攻击最关键的一步。</p>
<p>当然,攻击者也会反过来利用它。他们会尝试各种不常见的编码组合(如混合使用十进制 <code>&lt;</code> 和十六进制 <code>&lt;</code>)来探测应用后端的解码和过滤逻辑是否存在漏洞,试图找到一种能绕过过滤器,但最终仍能被浏览器正确解码并执行的组合。</p>
</li>
<li>
<p>Base64 与十六进制编码</p>
<p>开发者有时会使用 Base64 或十六进制编码来传输二进制数据,或者试图「隐藏」一些不想让普通用户直接看到的参数。</p>
<p>对于攻击者来说,最重要的一点是:<strong>编码不是加密</strong>。它是一种完全公开、可逆的转换。在渗透测试中,任何看起来像 Base64(由 <code>A-Z, a-z, 0-9, +, /</code> 组成,有时以 <code>=</code> 结尾)或十六进制(由 <code>0-9, a-f</code> 组成)的字符串,都应该被立即解码。这些被「隐藏」的参数背后,往往是未经严格校验的敏感数据或控制应用逻辑的关键变量,是极佳的攻击入口。</p>
</li>
<li>
<p>远程和序列化框架</p>
<p>现代富客户端应用为了简化开发,常常使用一些远程框架(如 Java 序列化对象,Flex AMF 等)。这些框架会自动将客户端对象「序列化」成一种特定的、通常是二进制的格式,然后传输给服务器,服务器再将其「反序列化」还原为对象。</p>
<p>这个过程对开发者来说是透明的,但对攻击者来说,这是一个巨大的、不透明的黑盒。这种自定义的、复杂的编码格式无法被传统的 Web 防火墙或过滤器所理解。如果攻击者能够逆向分析出这种序列化格式的规则,他就可以在客户端构造一个恶意的对象。当服务器端在执行 <strong>反序列化</strong> 操作,将这段数据还原成对象时,就可能触发严重的安全漏洞,最坏的情况下可导致 <strong>远程代码执行</strong>。这便是所谓的「不安全反序列化」漏洞,是近年来危害最大的一类漏洞。</p>
</li>
</ol>
<h2 id="第四章"><a class="markdownIt-Anchor" href="#第四章"></a> 第四章</h2>
<p>先前的三个章节,作者讲完了理论知识,而该章节开始我们要讲如何实践。</p>
<h4 id="应用程序映射"><a class="markdownIt-Anchor" href="#应用程序映射"></a> 应用程序映射</h4>
<p>在发起真正的攻击之前,攻击者会对目标进行全面、细致的侦查。</p>
<p>Web 抓取或爬虫是内容枚举的起点。自动化工具从一个初始 URL 开始,解析页面中的链接和表单,然后递归地访问这些新发现的资源,直到无法找到新内容为止。</p>
<p>这种自动化方法速度快,能快速发现通过标准链接连接的可见内容。一个值得注意的技巧是检查 <code>robots.txt</code> 文件。这个文件本意是告诉搜索引擎哪些目录不应被索引,但有时开发者会错误地将一些敏感的、不希望被公开访问的后台路径写在里面,这无异于给攻击者提供了一份藏宝图。</p>
<p>然而,单纯依赖自动化抓取是远远不够的,并且存在诸多严重限制。它常常无法处理由复杂 JavaScript 动态生成的导航菜单;无法解析 Flash 等客户端插件中的链接;在遇到需要特定格式输入的多阶段表单时会卡住;并且可能因为将所有功能都指向同一个 URL(仅通过 POST 参数区分)而遗漏大量功能。更危险的是,一个无差别的自动化爬虫可能会意外触发「删除用户」之类的危险功能,对系统造成实际损害。</p>
<p>为了克服自动化抓取的种种弊端,更专业、更有效的方法是 <strong>用户导向的抓取</strong></p>
<p>这种方法的核心是,测试人员像一个真实用户一样,通过浏览器正常地浏览和使用应用程序的各项功能。与此同时,所有的网络流量都通过一个 <strong>拦截代理工具</strong>(如 Burp Suite)进行。这个代理工具会「被动地」记录下浏览器发出的每一个请求和收到的每一个响应,并根据这些真实流量来构建应用程序的站点地图。</p>
<p>这种人机结合的方式拥有巨大优势。由人来处理复杂的登录、表单提交流程和 JavaScript 交互,保证了数据的有效性和会話的持续性;由工具来负责记录、分析和发现响应中隐藏的链接(例如 HTML 注释中的链接),保证了侦察的全面性。测试人员还可以有选择地避免触发那些危险的管理功能。这是进行应用程序映射的首选和标准方法。</p>
<p>很多时候,应用程序中最脆弱的部分,恰恰是那些没有在任何地方被链接的「隐藏」或「遗忘」的功能。发现这些内容是侦察阶段的关键:</p>
<ol>
<li>通过 <strong>猜测</strong> 来发现内容。攻击者使用一个包含成千上万个常用目录和文件名的字典,通过自动化工具(如 Burp Intruder)向服务器发起大量请求(例如 <code>GET /admin</code>, <code>GET /backup</code>, <code>GET /test.php</code>)。分析服务器的响应码是这里的关键:<code>200 OK</code> 意味着资源存在;<code>403 Forbidden</code><code>401 Unauthorized</code> 同样意味着资源存在,只是被访问控制所保护;<code>302 Found</code>(重定向到登录页)也表明这是一个需要登录才能访问的有效资源。通过这种方式,可以暴力破解出未被链接的管理后台或测试页面。</li>
<li>通过公开信息推测。这项工作依赖于分析和推理。首先,通过观察已知页面的命名规律(如 <code>ViewUser.aspx</code>, <code>AddUser.aspx</code>),可以推测可能存在 <code>EditUser.aspx</code><code>DeleteUser.aspx</code>。其次,通过观察 URL 中的数字规律(如 <code>id=101</code>, <code>id=102</code>),可以尝试遍历 ID 来发现更多数据。最后,审查所有客户端代码(HTML 注释、JavaScript 脚本)也常常能发现被开发者遗忘的后端 API 接口或敏感信息。</li>
<li>利用公共资源。有时候,一个功能现在虽然没有链接,但过去可能有。<strong>搜索引擎</strong>(如 Google Hacking)和 <strong>Web 档案</strong>(如 Wayback Machine)是两个强大的信息来源。通过高级搜索语法,可以找到已被搜索引擎索引但已从官网移除的页面、包含敏感信息的文档、或者第三方网站上讨论该应用的帖子,这些都可能暴露隐藏的功能或过去的漏洞。</li>
<li>利用 Web 服务器。Web 服务器本身也可能存在配置错误或漏洞,例如开启了「目录列表」功能,这会直接将某个目录下的所有文件暴露给攻击者。此外,许多常用的第三方组件(如 phpMyAdmin)都有默认的安装路径,攻击者可以通过扫描这些默认路径来判断应用是否使用了这些可能存在已知漏洞的组件。</li>
</ol>
<p>最后,我们需要转变一个思维定式:不要只把应用看作是一系列「页面」的集合,而要把它看作是一系列「功能」的集合。在一些现代应用中,所有操作可能都指向同一个 URL(如 <code>/api/service</code>),而具体执行何种功能则是由 POST 请求中的一个参数(如 <code>action=deleteUser</code>)决定的。在这种情况下,传统的 URL 路径蛮力破解会完全失效,攻击者必须转而对 <code>action</code> 这个 <strong>参数的值</strong> 进行破解。</p>
<p>与此类似,应用中还可能存在 <strong>隐藏参数</strong>。例如,一个正常的请求 <code>GET /shop</code>,如果被攻击者加上了 <code>?debug=true</code> 这个参数,服务器的响应中就可能包含详细的调试信息,甚至关闭某些安全检查。发现这些隐藏参数同样需要通过自动化工具,使用常用参数名列表进行系统性的探测。</p>
<h4 id="分析应用程序"><a class="markdownIt-Anchor" href="#分析应用程序"></a> 分析应用程序</h4>
<p>在完成了初步的内容枚举后,下一步是进行应用程序分析。这个阶段的目标,是把前一阶段收集到的海量原始信息,转化为有价值的、可用于攻击的情报。这个过程要求我们理解应用的核心功能、行为模式和技术选型,从而识别出它暴露给外界的关键受攻击面。</p>
<ol>
<li>
<p>我们需要系统性地盘点所有数据进入应用程序的渠道,因为每一个入口点都是一个潜在的攻击向量。</p>
<p>用户输入不仅限于 URL 查询字符串和 POST 请求体中的参数。一个完整的入口点清单还必须包括 URL 的文件路径本身,尤其是在采用 REST 风格的应用中(例如 <code>/shop/product/123</code> 里的 <code>123</code> 就是一个参数)。同样,每一个 HTTP Cookie 也都是由用户提交的、可被篡改的输入。</p>
<p>更隐蔽的入口点存在于其他 HTTP 请求头中。许多应用会记录或处理 <code>User-Agent</code><code>Referer</code> 头。例如,应用可能会根据 <code>User-Agent</code> 头来判断用户是来自 PC 还是移动设备,从而加载不同的界面和代码逻辑。攻击者可以通过伪造这个头部,来探索为移动端设计的、可能防御措施较弱的功能。一些位于代理或负载均衡器后的应用,会信任 <code>X-Forwarded-For</code> 头来获取客户端的真实 IP 地址,如果攻击者可以控制这个头,就可能绕过基于 IP 的访问控制,甚至在日志中注入恶意数据。</p>
<p>最后,还存在一些带外通道。例如,一个 Web 邮件应用,它不仅通过 HTTP 接收输入,还通过 SMTP 接收邮件。攻击者可以通过发送一封精心构造的恶意邮件,来攻击 Web 界面显示邮件时的解析逻辑。</p>
</li>
<li>
<p>通过分析应用的各种行为特征,我们通常可以精确地识别出其后端的技术栈。</p>
<p>最直接的线索来自于服务器返回的明确信息,例如 <code>Server</code> 响应头(<code>Apache/2.4.41</code>)、HTML 源码中的注释(``)、特定的 Cookie 名称(<code>JSESSIONID</code> 表明是 Java,<code>PHPSESSID</code> 表明是 PHP)以及 URL 中的文件扩展名(<code>.aspx</code> 表明是 ASP.NET,<code>.jsp</code> 表明是 Java)。</p>
<p>即使开发者隐藏了这些明确的标识,攻击者依然可以通过 <strong> HTTP 指纹识别</strong> 技术,通过分析服务器对各种畸形或不常见请求的独特响应方式,来推断其类型。</p>
<p>识别出具体的技术和版本号后,攻击者就可以去公开的漏洞库(如 CVE)中查找该版本是否存在已知的、可被利用的漏洞。尤其重要的是识别 <strong>第三方代码组件</strong>。现代应用很少从零开始构建,大多会集成各种开源或商业的第三方组件(如论坛、购物车、富文本编辑器等)。这些组件被广泛使用,一旦其中一个被发现存在漏洞,影响范围会非常广。攻击者常常通过组件的特定文件名、路径或行为特征来识别它们,然后进行针对性的攻击。</p>
</li>
<li>
<p>通过仔细审查 HTTP 请求的细节,可以推断出后端可能正在发生什么:</p>
<ul>
<li>当你看到一个 URL 参数 <code>&amp;OrderBy=name</code>,你应该立刻想到,后端极有可能正在执行一个 SQL 查询,并且这个参数的值被直接拼接到了 <code>ORDER BY</code> 子句中,这是一个潜在的 SQL 注入点</li>
<li>当你看到参数 <code>?template=user_profile.tpl</code>,你应该怀疑,后端可能正在根据这个参数的值去读取一个模板文件并包含到响应中,这是一个潜在的路径遍历漏洞,或许可以读取到服务器上的任意文件</li>
<li>当你看到一个隐藏的表单字段 <code>&lt;input type="hidden" name="edit" value="false"&gt;</code>,你必须问自己:如果我把它改成 <code>true</code> 会发生什么?这可能就是一个用于开启编辑模式的、未经验证的访问控制开关</li>
</ul>
<p>此外,通过观察应用处理数据的一致性,可以推断其内部逻辑。如果在 A 功能点,应用会将你的输入 <code>&gt;</code> 编码为 <code>&gt;</code>,那么可以推断在 B 功能点,它可能也采用了相同的编码逻辑。反之,如果发现应用中某个部分的 UI 风格或参数命名与其他部分格格不入,那它很可能是一个后来集成的、防护措施可能也与主应用不一致的薄弱环节。</p>
</li>
<li>
<p>分析的最终产出,是一份清晰的、可执行的 <strong>攻击计划</strong>。这个计划将应用的功能模块与潜在的漏洞类型一一对应起来。整个过程的逻辑链条是:</p>
<ol>
<li>枚举内容与功能:我看到了一个登录页面(<code>/auth/Login</code>)</li>
<li>分析功能:这是一个身份验证功能,涉及数据库交互,处理用户名和密码输入,并且设置会话状态</li>
<li>映射到攻击向量:因此,我应该针对这个功能,系统性地测试以下漏洞:
<ul>
<li>用户名枚举</li>
<li>暴力破解和弱密码</li>
<li>SQL 注入</li>
<li>会话令牌的可预测性</li>
</ul>
</li>
</ol>
<p>对应用的每一个功能点(文件上传、社交分享、数据查询等)都重复这个「枚举 -&gt; 分析 -&gt; 映射」的过程,就构成了一张完整的受攻击面地图。这份地图会告诉你,应该把时间和精力优先投入到哪些最有可能存在严重漏洞、或者一旦攻破回报最高的功能上去。</p>
</li>
</ol>
<h2 id="第五章"><a class="markdownIt-Anchor" href="#第五章"></a> 第五章</h2>
<p>Web 应用有时会向客户端发送一些数据,并期望客户端在后续请求中原封不动地将这些数据再发送回来。开发者这样做,通常是为了减轻服务器的会话管理负担、简化在负载均衡环境下的部署,或是为了方便地集成第三方组件。然而,这背后隐藏着一个根本性的安全问题:<strong>任何被发送到客户端的数据,无论其形式如何,都完全处于用户的控制之下。</strong> 认为这些数据不会被篡改,是导致大量漏洞产生的根源。</p>
<p>最直接的数据传送方式,就是将数据以明文形式放在请求的各个部分:</p>
<ol>
<li>隐藏表单字段(<code>&lt;input type="hidden"&gt;</code>)。这是最典型的例子。开发者常常将商品价格、用户 ID 等信息放在隐藏字段中。他们错误的假设是,「隐藏」即意味着「不可修改」。然而,攻击者只需查看 HTML 源码就能看到这些字段,并通过浏览器开发者工具或拦截代理工具在提交表单前,轻易地将价格 <code>499</code> 修改为 <code>1</code>,甚至是 <code>-499</code></li>
<li>HTTP Cookie。与隐藏字段类似,开发者认为 Cookie 由浏览器管理,普通用户无法直接编辑。但对于使用拦截代理工具的攻击者来说,修改 Cookie 的值与修改任何其他请求参数毫无区别。一个名为 <code>DiscountAgreed=25</code> 的 Cookie,可以被轻易地修改为 <code>DiscountAgreed=99</code>,从而获取未授权的折扣</li>
<li>开发者有时会将控制逻辑的参数放在 URL 中,例如用在一个图片加载链接或是一个 POST 表单的 <code>action</code> 属性里,认为用户不会注意到或无法修改。这种想法是错误的,因为拦截代理可以看到并修改 HTTP 请求的每一个字节,包括 URL 的任何部分</li>
<li>有些应用会检查 <code>Referer</code> 头来强制用户遵循一个特定的操作流程(例如,必须从第二步页面才能访问第三步页面)。这是一种极其脆弱的控制方式,因为 <code>Referer</code> 头和 <code>User-Agent</code> 一样,只是 HTTP 请求中的一个普通头部,攻击者可以通过代理工具将其修改为任意期望的值,从而「欺骗」服务器,让它以为请求来自一个合法的来源。认为 HTTP 头部比 URL 参数更难篡改,是一种需要被纠正的错误观念</li>
</ol>
<p>当开发者意识到明文传输数据不安全时,他们可能会采取下一步措施:对数据进行 <strong>模糊处理</strong>,使其变得难以阅读,例如进行某种自定义编码或加密。这种方式确实提高了攻击的门槛,但远非无法破解。对于这类数据,攻击者有多种应对策略:</p>
<ol>
<li>
<p>逆向工程:如果模糊算法比较简单,攻击者可以通过分析多个输入和输出样本,尝试逆向破解出算法本身</p>
</li>
<li>
<p>寻找「预言机」:在应用的其他地方,可能存在某个功能,可以将用户输入的任意明文,处理成模糊后的密文。攻击者可以利用这个功能作为「预言机」,来生成自己想要的任意攻击载荷的加密版本</p>
<blockquote>
<p>「预言机」是密码学和信息安全领域一个非常重要的概念:应用程序中存在的、可以被攻击者利用的某个功能</p>
</blockquote>
</li>
</ol>
<!-- flag of hidden posts --></body></html></div></article></div></main><footer><div class="paginator"></div><!-- Webmention 显示区域--><div class="webmention-section webmention-empty" data-page-url="posts/d9a2.html" data-full-url="https://cytrogen.icu/posts/d9a2.html" data-mode="static">
              <h3 class="webmention-title">Webmentions (<span class="webmention-count">0</span>)</h3>
              <div class="webmention-list"></div>
              <span>暂无 Webmentions</span>
            </div><div class="copyright"><p class="footer-links"><a href="../friends/index.html">友链</a><span class="footer-separator"> ·</span><a href="../links/index.html">邻邦</a><span class="footer-separator"> ·</span><a href="../contact/index.html">联络</a><span class="footer-separator"> ·</span><a href="../colophon/index.html">营造记</a><span class="footer-separator"> ·</span><a href="../atom.xml">RSS订阅</a></p><p>© 2025 - 2026 <a href="https://cytrogen.icu">Cytrogen</a>, powered by <a href="https://hexo.io/" target="_blank">Hexo</a> and <a href="https://github.com/cytrogen/hexo-theme-ares" target="_blank">hexo-theme-ares</a>.</p><p><a href="https://blogscn.fun" target="_blank" rel="noopener">BLOGS·CN</a></p></div></footer></div></div><a class="back-to-top" href="#top" aria-label="返回顶部"><svg width="20" height="20" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"><path d="M3.293 9.707a1 1 0 010-1.414L9.586 2a2 2 0 012.828 0l6.293 6.293a1 1 0 01-1.414 1.414L11 3.414V17a1 1 0 11-2 0V3.414L2.707 9.707a1 1 0 01-1.414 0z"></path></svg></a><script>document.addEventListener('DOMContentLoaded', function() {
  const codeBlocks = document.querySelectorAll('figure.highlight');
  
  codeBlocks.forEach(block => {
    let caption = block.querySelector('figcaption');
    if (!caption) {
      caption = document.createElement('figcaption');
      block.insertBefore(caption, block.firstChild);
    }

    const info = document.createElement('div');
    info.className = 'info';
    
    const filename = caption.querySelector('span');
    if (filename) {
      filename.className = 'filename';
      info.appendChild(filename);
    }
    
    const lang = block.className.split(' ')[1];
    if (lang) {
      const langSpan = document.createElement('span');
      langSpan.className = 'lang-name';
      langSpan.textContent = lang;
      info.appendChild(langSpan);
    }

    const sourceLink = caption.querySelector('a');
    if (sourceLink) {
      sourceLink.className = 'source-link';
      info.appendChild(sourceLink);
    }

    const actions = document.createElement('div');
    actions.className = 'actions';

    const codeHeight = block.scrollHeight;
    const threshold = 300;

    if (codeHeight > threshold) {
      block.classList.add('folded');
      
      const toggleBtn = document.createElement('button');
      toggleBtn.textContent = '展开';
      toggleBtn.addEventListener('click', () => {
        block.classList.toggle('folded');
        toggleBtn.textContent = block.classList.contains('folded') ? '展开' : '折叠';
      });
      actions.appendChild(toggleBtn);
    }

    const copyBtn = document.createElement('button');
    copyBtn.textContent = '复制';
    copyBtn.addEventListener('click', async () => {
      const codeLines = block.querySelectorAll('.code .line');
      const code = Array.from(codeLines)
        .map(line => line.textContent)
        .join('\n')
        .replace(/\n\n/g, '\n');
      
      try {
        await navigator.clipboard.writeText(code);
        copyBtn.textContent = '已复制';
        copyBtn.classList.add('copied');
        
        setTimeout(() => {
          copyBtn.textContent = '复制';
          copyBtn.classList.remove('copied');
        }, 3000);
      } catch (err) {
        console.error('复制失败:', err);
        copyBtn.textContent = '复制失败';
        
        setTimeout(() => {
          copyBtn.textContent = '复制';
        }, 3000);
      }
    });
    actions.appendChild(copyBtn);

    caption.innerHTML = '';
    caption.appendChild(info);
    caption.appendChild(actions);

    const markedLines = block.getAttribute('data-marked-lines');
    if (markedLines) {
      const lines = markedLines.split(',');
      lines.forEach(range => {
        if (range.includes('-')) {
          const [start, end] = range.split('-').map(Number);
          for (let i = start; i <= end; i++) {
            const line = block.querySelector(`.line-${i}`);
            if (line) line.classList.add('marked');
          }
        } else {
          const line = block.querySelector(`.line-${range}`);
          if (line) line.classList.add('marked');
        }
      });
    }
  });
});</script><script async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" id="MathJax-script"></script><script>(function() {
  document.addEventListener('DOMContentLoaded', function() {
    const themeToggle = document.querySelector('.theme-toggle');
    
    if (!themeToggle) return;
    
    const getCurrentTheme = () => {
      return document.documentElement.getAttribute('data-theme') || 'light';
    };
    
    const updateUI = (theme) => {
      const isDark = theme === 'dark';
      themeToggle.setAttribute('aria-pressed', isDark.toString());
    };
    
    const setTheme = (theme) => {
      document.documentElement.setAttribute('data-theme', theme);
      document.documentElement.style.colorScheme = theme;
      
      const pageWrapper = document.getElementById('page-wrapper');
      if (pageWrapper) {
        pageWrapper.setAttribute('data-theme', theme);
      }
      
      // Find and remove the temporary anti-flicker style tag if it exists.
      // This ensures the main stylesheet takes full control after the initial load.
      const antiFlickerStyle = document.getElementById('anti-flicker-style');
      if (antiFlickerStyle) {
        antiFlickerStyle.remove();
      }
      
      localStorage.setItem('theme', theme);
      updateUI(theme);
    };
    
    const toggleTheme = () => {
      const current = getCurrentTheme();
      const newTheme = current === 'light' ? 'dark' : 'light';
      setTheme(newTheme);
    };
    
    updateUI(getCurrentTheme());
    
    themeToggle.addEventListener('click', toggleTheme);
    
    if (window.matchMedia) {
      const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
      mediaQuery.addEventListener('change', function(e) {
        if (!localStorage.getItem('theme')) {
          const theme = e.matches ? 'dark' : 'light';
          setTheme(theme);
        }
      });
    }
  });
})();
</script><script src="../js/details-toggle.js" defer></script><script>(function() {
  document.addEventListener('DOMContentLoaded', function() {
    const backToTopBtn = document.querySelector('.back-to-top');
    
    if (!backToTopBtn) return;
    
    const toggleButtonVisibility = () => {
      const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      const shouldShow = scrollTop > 200;
      
      if (shouldShow) {
        backToTopBtn.classList.add('is-visible');
      } else {
        backToTopBtn.classList.remove('is-visible');
      }
    };
    
    let ticking = false;
    const handleScroll = () => {
      if (!ticking) {
        requestAnimationFrame(() => {
          toggleButtonVisibility();
          ticking = false;
        });
        ticking = true;
      }
    };
    
    const scrollToTop = (event) => {
      event.preventDefault();
      window.scrollTo({
        top: 0,
        behavior: 'smooth'
      });
    };
    
    window.addEventListener('scroll', handleScroll);
    backToTopBtn.addEventListener('click', scrollToTop);
    
    toggleButtonVisibility();
  });
})();</script></body></html>