使用BP拦截请求包与响应包以及HTML协议和CSS
http协议基础
一、工具介绍
JDK是java的软件开发工具包，方便我们本地运行java开发工具
G:\LAVA\JDK1.8.8_191
验证java -version
Set查看环境变量，path所有变量
Burpsuite
爬虫，扫描（dashboard）、拦包（proxy）、重放repeater、爆破inturder、加码编码decoder、比较comparer
双击打开burpsuite_pro_v2.1_BurpHelper.jar可以使用
或者在终端java -jar burpsuite_pro_v2.1_BurpHelper.jar也可以打开
二、http协议特点
简单快速，请求方式有get post head等八种
无连接无状态
支持模式有B/S（基于浏览器） C/S（编程实现通信）(websocket)
URL,统一资源定位符，在网络中用来标识某处的资源
http(协议)://www.baidu.com（域名）:8080(端口)/news（虚拟目录）/index.php(文件名部分)？Parameter=deal&id=35&do=add（三个参数）#name（锚部分）
请求包：request=请求行+请求头+空行+请求数据
请求数据放在尾部是post，放在url里是get
请求方式http1.1 ：get post head options put delete trace connect
拦截访问百度：
GET（请求类型） /success.txt HTTP/1.1（协议版本）-------请求行
Host: detectportal.firefox.com User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0 Accept: */* Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate Cache-Control: no-cache Pragma: no-cache DNT: 1 Connection: close（上述蓝色字体都是请求头，请求形式都是key=value） 空行 请求数据（此处为空，因为当前的请求包的请求方式是get）
拦截post类型
POST /wordpress/wp-login.php HTTP/1.1 Host: localhost User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3 Accept-Encoding: gzip, deflate Referer: http://localhost/wordpress/wp-login Cookie: wp-settings-time-1=1569116293; wordpress_test_cookie=WP+Cookie+check DNT: 1 Connection: close Upgrade-Insecure-Requests: 1 Content-Type: application/x-www-form-urlencoded Content-Length: 128 log=admin&pwd=admin123456&wp-submit=%E7%99%BB%E5%BD%95&redirect_to=http%3A%2F%2Flocalhost%2Fwordpress%2Fwp-admin%2F&testcookie=1
Get和post请求的比较
相同点：
1、get和post都可出啊u你创建数组，array，其包含了键值对（key=value），其中的键就是表单控件的名称，值是用户输入的数据。
2、get和post可视为$_get和$_post，是超全局变量
不同点：
1、get型方式将用户发送的数据坪街道url中，发送的数据量较小，不安全
2、post型方式参数放在请求包中的请求数据中，必须使用工具查看，发送的数据量较大，安全性较高。
请求包中的每个请求头的参数意义
Host表示请求的服务器ip
User-agent 表示用户本地环境
Accept 浏览器可以接收解析的应用环境
Accept-language 浏览器可解析的语言类型
Accept-Encoding 浏览器可解析的编码方式
Referer 表示请求页面是从哪里来的
（Action=“”表示提供给自己）
Cookie 表示服务器和浏览器之间的会话状态，该会话状态可以表示用户是否登录过，一般都是服务器给配置，具有时效性。只要失效，就需要用户重新登陆，只有登录成功后，浏览器就会保存cookie，每次去服务器请求都会带上cookie，并在该cookie是需要在服务器中验证
x-forwarded-for：127.0.0.1 表示用户的真实ip
http的响应包：
用户发送的请求包到达服务器后，服务器要处理该请求，处理之后的结果发送给用户的浏览器，我们将该结果称为响应包Response
Response=状态行+消息报头+空行+响应正文
使用bp拦截响应包：
先设置浏览器代理，再去设置bp中的代理监听器，同时注意勾选intercept client requests。
在拦截到数据包之后点击forward，就能看到响应包
状态码
状态码游三位数字组成，第一位数字表示了响应的类型，共有五种：
1xx表示服务器已经接收到请求，并且需要继续处理
2xx表示服务器已经成功接收并处理了该请求
3xx表示重定向，url要跳转到其他界面去请求
4xx表示用户请求有问题，
5xx表示服务器内部出错
常见状态码：200 （ 成功处理了请求，一般情况下都是返回此状态码）
302（（临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。）
304（（未修改） 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容）
400 （ 服务器不理解请求的语法）
403（ 服务器拒绝请求）
404 （ 服务器找不到请求的网页）
500（（服务器内部错误） 服务器遇到错误，无法完成请求。 ）
响应头中每个参数的意义：
location表示跳转页面
x-power-by用于告知网站是用何种语言或框架编写
例如：
PHP标准输出是：X-Powered-By: PHP/5.2.1
HTML元素分类：
块级元素和内联元素
块级元素：标签元素会以新行开始或结束。<h1><p><table>当前元素标签要独占一行
内联元素：显示数据不会以新行开始。<a><img><td>会堆积在一起
<div>块级元素，用于组合其他元素，方便统一设置属性或者样式
布局：设计网页时考虑到页面美观，会设置页面的局部或者整体的布局
<table><div>
html事件
需要触发某些动作的发生，需要事件的支持
Css（层叠式样式表）决定页面怎么显示元素
引入方式：
1、引入文件。例如style.css在当前元素中直接写。例如：style:””
2、外链式，<link>引入外部css文件；导入外部样式；
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="first.css"> </head> <body> <div id="hacker">this is first title</div> <p class="china">this is second title</p> </body> </html>
Css文件内容如下
3、内嵌方式，在<head>中写样式，使用@import在<head></head>之间应用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css" > @import url(second.css); </style> </head> <body> <div id="p">this is first title</div> </body> </html>
Css如下
优先级：行内模式>内嵌模式>外链式（后两种需要xx.css文件）
Css语法：
选择器{属性一：value1；属性2：value2；}
选择器
第一种情况：标签名 影响其他同类型标签
第二种情况：id
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css">行内模式 #hacker{ color:green; text-align: center; } #china{ color: red; text-align: center; } </style> </head> <body> <div id="hacker">i am hacker</div> <div id="china">i am chinese</div> </body> </html>
第三种情况：class，可以在不同元素中使用
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .test{ color: red; text-align: center; } </style> </head> <body> <h1 class="test">this is first title</h1> <p class="test">this is second title</p> </body> </html>
常用样式：
后背景：background-color/background-image
字体：color size text-align/text-indet
盒子模式：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css" > #p{ background-color: gray; width: 300px; border: 25px solid pink; padding: 10px; margin: 10px; } </style> </head> <body> <div id="p">this is first title</div> </body> </html>
http协议基础
工具介绍
JDK是java的软件开发工具包，方便我们本地运行java开发工具
G:\LAVA\JDK1.8.8_191
验证java -version
Set查看环境变量，path所有变量
Burpsuite
爬虫，扫描（dashboard）、拦包（proxy）、重放repeater、爆破inturder、加码编码decoder、比较comparer
双击打开burpsuite_pro_v2.1_BurpHelper.jar可以使用
或者在终端java -jar burpsuite_pro_v2.1_BurpHelper.jar也可以打开
http协议特点
见到那快速，请求方式有get post head等八种
无连接无状态
支持模式有B/S（基于浏览器） C/S（编程实现通信）(websocket)
URL,统一资源定位符，在网络中用来标识某处的资源
http(协议)://www.baidu.com（域名）:8080(端口)/news（虚拟目录）/index.php(文件名部分)？Parameter=deal&id=35&do=add（三个参数）#name（锚部分）
请求包：request=请求行+请求头+空行+请求数据
请求数据放在尾部是post，放在url里是get
请求方式http1.1 ：get post head options put delete trace connect
拦截访问百度：
GET（请求类型） /success.txt HTTP/1.1（协议版本）-------请求行
Host: detectportal.firefox.com
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0
Accept: */*
Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Cache-Control: no-cache
Pragma: no-cache
DNT: 1
Connection: close（上述蓝色字体都是请求头，请求形式都是key=value）
空行
请求数据（此处为空，因为当前的请求包的请求方式是get）
拦截post类型
POST /wordpress/wp-login.php HTTP/1.1
Host: localhost
User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64; rv:52.0) Gecko/20100101 Firefox/52.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Language: zh-CN,zh;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Referer: http://localhost/wordpress/wp-login
Cookie: wp-settings-time-1=1569116293; wordpress_test_cookie=WP+Cookie+check
DNT: 1
Connection: close
Upgrade-Insecure-Requests: 1
Content-Type: application/x-www-form-urlencoded
Content-Length: 128
log=admin&pwd=admin123456&wp-submit=%E7%99%BB%E5%BD%95&redirect_to=http%3A%2F%2Flocalhost%2Fwordpress%2Fwp-admin%2F&testcookie=1
Get和post请求的比较
相同点：
1、get和post都可出啊u你创建数组，array，其包含了键值对（key=value），其中的键就是表单控件的名称，值是用户输入的数据。
2、get和post可视为$_get和$_post，是超全局变量
不同点
1、get型方式将用户发送的数据坪街道url中，发送的数据量较小，不安全
2、post型方式参数放在请求包中的请求数据中，必须使用工具查看，发送的数据量较大，安全性较高。
请求包中的每个请求头的参数意义
Host表示请求的服务器ip
User-agent 表示用户本地环境
Accept 浏览器可以接收解析的应用环境
Accept-language 浏览器可解析的语言类型
Accept-Encoding 浏览器可解析的编码方式
Referer 表示请求页面是从哪里来的
（Action=“”表示提供给自己）
Cookie 表示服务器和浏览器之间的会话状态，该会话状态可以表示用户是否登录过，一般都是服务器给配置，具有时效性。只要失效，就需要用户重新登陆，只有登录成功后，浏览器就会保存cookie，每次去服务器请求都会带上cookie，并在该cookie是需要在服务器中验证
x-forwarded-for：127.0.0.1 表示用户的真实ip
DNT
http的响应包：用户发送的请求包到达服务器后，服务器要处理该请求，处理之后的结果发送给用户的浏览器，我们将该结果称为响应包Response
Response=状态行+消息报头+空行+响应正文
使用bp拦截响应包
先设置浏览器代理，再去设置bp中的代理监听器，同时注意勾选intercept client requests。
在拦截到数据包之后点击forward，就能看到响应包
状态码游三位数字组成，第一位数字表示了响应的类型，共有五种：
1xx表示服务器已经接收到请求，并且需要继续处理
2xx表示服务器已经成功接收并处理了该请求
3xx表示重定向，url要跳转到其他界面去请求
4xx表示用户请求有问题，
5xx表示服务器内部出错
常见状态码：200 （ 成功处理了请求，一般情况下都是返回此状态码）
302（（临时移动） 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。）
304（（未修改） 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容）
400 （ 服务器不理解请求的语法）
403（ 服务器拒绝请求）
404 （ 服务器找不到请求的网页）
500（（服务器内部错误） 服务器遇到错误，无法完成请求。 ）
响应头中每个参数的意义：
location表示跳转页面
x-power-by用于告知网站是用何种语言或框架编写
例如：
PHP标准输出是：X-Powered-By: PHP/5.2.1
HTML元素分类：块级元素和内联元素
块级元素：标签元素会以新行开始或结束。<h1><p><table>当前元素标签要独占一行
内联元素：显示数据不会以新行开始。<a><img><td>会堆积在一起
<div>块级元素，用于组合其他元素，方便统一设置属性或者样式
布局：设计网页时考虑到页面美观，会设置页面的局部或者整体的布局
<table><div>
html事件
需要触发某些动作的发生，需要事件的支持
Css（层叠式样式表）决定页面怎么显示元素
引入方式：
1、引入文件。例如style.css在当前元素中直接写。例如：style:””
2、外链式，<link>引入外部css文件；导入外部样式；
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div id="hacker">this is first title</div>
<p class="china">this is second title</p>
</body>
</html>
Css文件内容如下
3、内嵌方式，在<head>中写样式，使用@import在<head></head>之间应用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css" >
@import url(second.css);
</style>
</head>
<body>
<div id="p">this is first title</div>
</body>
</html>
Css如下
优先级：行内模式>内嵌模式>外链式（后两种需要xx.css文件）
Css语法：
选择器{属性一：value1；属性2：value2；}
选择器
第一种情况：标签名 影响其他同类型标签
第二种情况：id
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">行内模式
#hacker{
color:green;
text-align: center;
}
#china{
color: red;
text-align: center;
}
</style>
</head>
<body>
<div id="hacker">i am hacker</div>
<div id="china">i am chinese</div>
</body>
</html>
第三种情况：class，可以在不同元素中使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.test{
color: red;
text-align: center;
}
</style>
</head>
<body>
<h1 class="test">this is first title</h1>
<p class="test">this is second title</p>
</body>
</html>
常用样式：
后背景：background-color/background-image
字体：color size text-align/text-indet
盒子模式：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css" >
#p{
background-color: gray;
width: 300px;
border: 25px solid pink;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<div id="p">this is first title</div>
</body>
</html>
原文地址：https://www.cnblogs.com/wasabiblog/p/11575639.html
- Java基础-day02-基础题
- 简单易学的机器学习算法——AdaBoost
- 用脚本来讲一个技术生活的故事 (r9笔记第32天)
- 优化算法——拟牛顿法之BFGS算法
- 对于tnsping的连接超时的功能补充(二)（r9笔记第22天)
- 用深度学习每次得到的结果都不一样，怎么办？
- 优化算法——拟牛顿法之DFP算法
- python SVM 案例，sklearn.svm.SVC 参数说明
- 利用Theano理解深度学习——Auto Encoder
- sudo 出现unable to resolve host 解决方法
- Hadoop学习笔记——Hadoop常用命令
- 可扩展机器学习——Spark分布式处理
- GO语言并发编程之互斥锁、读写锁详解
- DBCA静默建库中的两个小问题 (r9笔记第28天)
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例