PortSwigger靶场之Reflected XSS into attribute with angle brackets HTML-encoded通关秘籍

这是一个关于解决跨站脚本攻击 (XSS) 漏洞的靶场。我们的目标是在一个对尖括号进行HTML编码的搜索功能中,通过注入一个HTML属性来触发XSS攻击并调用 alert() 函数。

一、理解漏洞

<form action="/" method="GET">意味着表单提交方式是 GET,请求会拼接参数在 URL 上,如:/?search=1

<input ... name="search" value="1">意味着这是一个搜索框,名为 search,其值是用户输入的内容。

浏览器将 search 参数的值原样放入 HTML 代码中作为 value="..." 属性的内容

接下来,让我们来分析一下这个漏洞。题目说到"角括号被HTML编码"时,这意味着像 <> 这样的字符会被转换成 &lt;&gt;。这通常是一种防御措施,用于防止注入新的HTML标签。例如,如果你尝试输入 <script>alert(1)</script>,服务器会把它变成 &lt;script&gt;alert(1)&lt;/script&gt;,浏览器会把它当作普通文本显示,而不是执行其中的JavaScript代码。

然而,如果应用程序只是对尖括号进行编码,而没有对其他HTML字符(如引号 "',或空格)进行处理,那么它可能仍然存在漏洞。

二、攻击思路

在这种情况下,由于不能注入新的HTML标签,我们需要寻找一种方法来"劫持"一个现有的HTML标签。这通常是通过注入一个新的属性来实现的。

假设搜索框的输入被放在一个 <img> 标签的 src 属性中,例如

html 复制代码
<img src="https://example.com/search_results?q=你的输入">

或者,输入被放在一个 <a> 标签的 href 属性中,例如:

html 复制代码
<a href="https://example.com/search_results?q=你的输入">...</a>

但是本靶场中,我们的输入被直接放入一个HTML标签的属性值中,并且没有对引号进行转义,你就可以通过闭合现有的属性值,然后注入一个新的属性。

例如,如果页面上有这样一个标签:

html 复制代码
<input type="text" value="这里是你的输入">

你的输入 payload为q=" onmouseover="alert(1) 将会被渲染成:

html 复制代码
<input type="text" value="q=" onmouseover="alert(1)">

在这个例子中,value 属性被你输入的 " 闭合了,然后你注入了一个新的属性 onmouseover。当用户将鼠标悬停在这个 input 元素上时,alert(1) 就会被触发。

三、防御措施

这个实验室练习的目的是帮助你理解XSS漏洞的运作方式,以便更好地防御它们。防御此类漏洞的关键是:

  • 对所有用户输入进行正确的HTML编码: 不仅仅是尖括号,还包括引号 (", ') 和其他特殊字符。

  • 使用白名单验证: 如果可能,只允许已知的安全字符和输入。

  • 内容安全策略 (Content Security Policy, CSP): 实施一个严格的CSP,可以阻止来自不信任源的脚本执行。

相关推荐
Stanford_11061 小时前
【2026新年启程】学习之路,探索之路,技术之路,成长之路……都与你同行!!!
前端·c++·学习·微信小程序·排序算法·微信开放平台
打小就很皮...1 小时前
网页包装为桌面应用(Nativefier版)
前端·桌面应用·nativefier
自由生长20241 小时前
为什么我们需要流式系统?
前端
北辰alk1 小时前
从零设计一个Vue路由系统:揭秘SPA导航的核心原理
前端·vue.js
鱼鱼块2 小时前
彻底搞懂 React useRef:从自动聚焦到非受控表单的完整指南
前端·react.js·面试
nwsuaf_huasir2 小时前
积分旁瓣电平-matlab函数
前端·javascript·matlab
韭菜炒大葱2 小时前
React Hooks :useRef、useState 与受控/非受控组件全解析
前端·react.js·前端框架
Cache技术分享2 小时前
280. Java Stream API - Debugging Streams:如何调试 Java 流处理过程?
前端·后端
微爱帮监所写信寄信2 小时前
微爱帮监狱寄信写信小程序信件内容实时保存技术方案
java·服务器·开发语言·前端·小程序
沛沛老爹2 小时前
Web开发者实战A2A智能体交互协议:从Web API到AI Agent通信新范式
java·前端·人工智能·云原生·aigc·交互·发展趋势