精华内容
下载资源
问答
  • F12抓包工具

    千次阅读 2020-07-01 17:17:36
    F12抓包工具是浏览器自带的一个抓包工具 它比较方便,也比较灵活,所以我们工作中会经常用到 当我们访问某些网站有异常的时候, 通过F12抓包工具抓取报文分析具体问题, F12主要针对的是HTTP协议和HTTPS协议, 它...
    F12抓包工具是浏览器自带的一个抓包工具
    它比较方便,也比较灵活,所以我们工作中会经常用到
    

    当我们访问某些网站有异常的时候,
    通过F12抓包工具抓取报文分析具体问题,
    F12主要针对的是HTTP协议和HTTPS协议,
    它可以确认我们的网络数据包的一个状态,
    以及通过分析请求报文和响应报文里面的一个内容,
    从而分析出来请求数据和响应数据是否正确,
    也可以分析处理问题是前端问题还是后端问题。

    展开全文
  • 主要介绍了Python爬虫谷歌Chrome F12抓包过程原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • 接口测试(基础)取自F12抓包得到的报文 F12中的XHR全部是接口 1.General Request URL: http://10.4.23.234:8010/ecm-manager/login.do //接口地址 --重要(请求地址) Request Method: POST //请求方式 --...

    接口测试(基础)取自F12抓包得到的报文

    F12中的XHR全部是接口

    1.General

    Request URL: http://10.4.23.234:8010/ecm-manager/login.do //接口地址 --重要(请求地址)

    Request Method: POST //请求方式 --重要(请求方式)

    Status Code: 200 OK //服务器的状态码 --重要(状态码)

    Remote Address: 10.4.168.91:8010

    Referrer Policy: strict-origin-when-cross-origin

    2.Response Headers

    Content-Disposition: attachment;filename=f.txt

    Content-Type: application/json;charset=UTF-8   --重要(请求入参方式,接口测试要用到哦)

    Date: Mon, 16 Nov 2020 02:33:23 GMT

    Server: Apache-Coyote/1.1

    Transfer-Encoding: chunked

     

    3.Request Headers 

    Accept: application/json, text/javascript, */*; q=0.01

    Accept-Encoding: gzip, deflate

    Accept-Language: zh-CN,zh;q=0.9

    Connection: keep-alive

    Content-Length: 790

    Content-Type: application/x-www-form-urlencoded; charset=UTF-8 (重点)

    Cookie: JSESSIONID=B249498F83E805B2C323EAE9EBCC4283; Hm_lvt_47269780f41a299578d35bae924da424=1590458078; sid=p9tb9os6ti73ktepfr54fcphi7

    Host: 10.4.168.91:8010

    Origin: http://10.4.168.91:8010

    Referer: http://10.4.168.91:8010/ecm-manager/logout.do

    User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1

    X-Requested-With: XMLHttpRequest

     

    4.常见的入参方式

    掌握两种即可

    1.表单格式:application/x-www-form-urlencoded

    2.json格式:application/json

    5.get请求的缺点?(以及与post的真正的区别)

    1.请求信息暴露在url中,不利于信息的安全 ,post抓包工具就能抓到,其实也不是很安全的

    2.url很长,不是很美观

    3.但是传输速度大于post请求

    4.post的传参个数较大,get传参个数相对较少

    5.对于GET方式的请求,浏览器会把http header和data一并发送出去,服务器响应200(返回数据);

    而对于POST,浏览器先发送header,服务器响应100 continue,浏览器再发送data,服务器响应200 ok(返回数据)

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • 今天安静来介绍下如何通过F12进行抓包查看请求内容。
    • 📢 我是二黑,一个快要秃头的测试人

    • 📢 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正!

    • 📢 我收集了一些软件测试资料,关注我公众号:程序员二黑,免费领取!

    • 📢 最困难的时候,也就是我们离成功不远的时候!


    前言

    测试过程中经常会进行抓包来查看一些错误内容,判断是前端的问题还是后端的问题,常见的抓包工具有Fiddler、Charles,还有Web端的F12。今天安静来介绍下如何通过F12进行抓包查看请求内容。
    在这里插入图片描述

    F12

    抓包打开百度按下键盘F12或者邮件选择检查,这里可以看到有一些选项:Elements、Console、Sources、Network、performance、Memory、Application、Secutity、Lighthouse,那么这些选择都是干什么的呢?对于我们测试来说能给我们提供什么信息呢?安静一个个进行介绍。
    在这里插入图片描述

    Elements

    表示当前页面的HTML内容,一些挡圈页面上的元素属性,都可以在这里进行查看到。

    我们也可以进行修改一些参数变成我们想要的内容。比如:我们想要将"百度一下"变成“测试-安静”,直接双击HTML页面上的文字"百度一下"进行修改。

    在这里插入图片描述

    Console

    这里使用到JaveScript中的定位方法。

    那么对于我们测试来说有什么用呢?我们可以在Console中通过JS语法查看元素是否唯一性,以及确定我们的定位是否正确,这里的支持语法比较多,如:xpath、css、id、name、class、tag。

    具体的我们举例来简单说明。

    xpath语法

    xpath需要在前面加入xxpathx,后面跟xpath正常语法,语法:x("//*[@id=‘xx’]") 安静还是拿百度来举例,这里length=1表示只有一个元素符合我们输入的语法,也确保了我们的元素唯一性。

    在这里插入图片描述

    CSS语法

    Css在前面加入,Css,后面正常跟Css写法。语法:(’#xx’) 这里写的是css的定位语法。

    在这里插入图片描述

    ID语法

    ID语法书写:document.getElementById(“xx”)。

    在这里插入图片描述

    name语法

    name语法书写:document.getElementsByName(“xx”)。

    在这里插入图片描述

    class语法

    class语法书写:document.getElementsByClassName(“xx”)。

    在这里插入图片描述

    Sources

    这里主要介绍了一些JS,css等一些渲染文件,对于我们测试来说可能不是特别重要,除非有特定需求,可以了解下。

    Network

    Network用来查看网络请求内容。也就是一些htttp请求,比如get、post、put、 delete等多种方式,当然最常见的还是get和post。

    get请求

    在这里插入图片描述
    通过上图可以看到,我们的一些请求百度的URL,以及请求方式,请求头中的参数信息,下面还有一些请求的get的参数值(这里安静没有截图出来)。

    post请求

    安静通过豆瓣网的登录来查看一些参数请求内容。

    在这里插入图片描述
    可以看到请求登录的url地址,请求方式post,以及请求头包含的内容。

    在这里插入图片描述

    图上可以很请求的看到登录的post请求参数内容。

    服务器返回内容

    服务端的返回内容需要在这个页面中的preview中进行查看。

    在这里插入图片描述
    通过上图可以看到,输入了错误的账号名和密码去进行登录,登录失败,服务器返回了账号密码错误。

    performance

    可以简单的来做一下页面的一个性能分析,安静这里通过百度来演示。

    在这里插入图片描述

    Memory

    可以来录制一段页面上的内容,然后进行分析其内存情况。
    在这里插入图片描述

    Application

    表示其请求中所存放的cookies、token、缓存内容、css、js等一些值。如果是测试cookies相关,可以进行在这个页面中查看cookies内容。

    在这里插入图片描述

    总结

    这里安静简单的通过一些案例进行介绍了如何使用F12以及通过F12进行抓取请求内容,以及查看元素属性并确定属性的唯一值。

    熟练的使用F12工具,可以帮助我们在工作中快速定位到bug。感谢您的阅读。希望对您有所帮助

    最后为方便大家学习测试,特意给大家准备了一份13G的超实用干货学习资源,涉及的内容非常全面。


    包括,软件学习路线图,50多天的上课视频、16个突击实战项目,80余个软件测试用软件,37份测试文档,70个软件测试相关问题,40篇测试经验级文章,上千份测试真题分享,还有2021软件测试面试宝典,还有软件测试求职的各类精选简历,希望对大家有所帮助……

    关注我公众号:【程序员二黑】即可获取这份资料了!

    如果你不想再体验一次自学时找不到资料,没人解答问题,坚持几天便放弃的感受的话,可以加入我们的群:785128166 大家一起讨论交流,里面也有各种软件测试资料和技术交流。

    推荐阅读

    高薪程序员也躲不过35岁这一关…当能力与年龄脱节,我们该如何自救

    大学毕业开始销售…不甘于现状,转行测试的自救之路

    从销冠到失业,最后选择软件测试,回头看看这段路,我很幸运!

    展开全文
  • 电脑连接手机F12抓包

    2019-05-06 19:24:04
    打开这个链接就可以了chrome://inspect/#devices

    打开这个链接就可以了chrome://inspect/#devices

    展开全文
  • 浏览器打开网页的过程就是爬虫获取数据的过程,两者是一样一样的。...答案就是谷歌 Chrome 浏览器的 F12 快捷键,也可以通过鼠标右键菜单“检查”(Inspect)打开 Chrome 自带的开发者工具,开发者
  • F12抓包 打开百度按下键盘F12或者邮件选择检查,这里可以看到有一些选项:Elements、Console、Sources、Network、performance、Memory、Application、Secutity、Lighthouse,那么这些选择都是干什么的呢?对于我们...
  • 转载于:https://www.cnblogs.com/ghgyj/p/4047202.html
  • (1)输入项目网址:http://cms.duoceshi.cn/cms/manage/login.do (2) F12开发者工具 (3)选择network,clear清除接口记录 (4)输入账号和密码 或者xhr 查看接口 (5)选择接口查看详情 一、Network中header部分 ...
  • 打开浏览-某个网页-F12抓包,可以看到一堆文件: 文件解释: All:所有文件 XHR:JQuery对AJax的分装文件 JS:JavaScript的脚本文件 CSS:CSS是Cascading Style Sheet的缩写,即层叠样式表,是用于(增强)控制网页...
  • 抓包工具之F12

    千次阅读 多人点赞 2019-03-08 15:36:21
    打开浏览器,按F12,点击Network,点开F12后再刷新页面 (响应状态码,响应数据类型,发起人,响应数据大小,响应时间)
  • 通过FIDDLER抓包或者F12或者接口文档获取对应接口信息,以WEB登录为例 将抓包信息,通过postman验证是否正确: 分析这是POST请求: 获取请求参数 分析结果在POSTMAN进行设置 请求头的设置,这里注意,...
  • chrome的F12下network不能抓包的解决办法
  • 问题描述:浏览器按F12进行抓包时,Headers里面没有编辑和重发,不能手动验证HTTP请求能否发送成功 解决办法:换成火狐浏览器就可以了
  • fiddler 抓包工具

    2021-05-31 20:44:06
    同浏览器F12 抓包效果一致,记录所有的http通讯 安装Fiddler 软件 提取码:duuh 1.安装,并搜索出来,执行 2.配置 Tools>Options>HTTPS > 勾选 decrypt https & 点击Actions,生成证书 重新启动fiddler ...
  • 安卓上的抓包软件,比电脑的好多了,电脑的F12抓包显示的不好,这个软件显示很完美,直观。
  • F12开发人员工具如何使用、抓包、调试代码 前言 提示:这里我给大家推荐360极速浏览器,这个版本的浏览器F12开发人员工具很强大,非常适合抓包和调试js代码,当然了其他的浏览器也是可以的,功能上基本都是一样的,...
  • 页面请求服务器的get、post两种请求,还有其他种,...F12---Network-Header中看url的?后面的内容为传输的内容。 response是开发人员规定的get请求后服务器返回给用户的信息。----即测试接口时候,对服务器进行g...
  • Whistle pc抓包,手机抓包,https抓包

    千次阅读 2018-05-04 19:23:13
    此文章已不再更新,查看最新版文章与更多内容: 右键在新标签页中打开链接。《Whistle pc抓包,手机抓包,https抓包》 ------------------------------------------------------------- 分隔符------...抓包,是我...
  • 简介Fiddler 是位于客户端和服务器端的 HTTP 代理目前最常用的 HTTP 抓包工具之一功能非常强大,是 web 调试的利器监控浏览器所有的 HTTP/HTTPS 流量查看、分析请...
  • 常用的几款抓包工具

    万次阅读 多人点赞 2019-06-05 08:28:50
    常用的几款抓包工具! 标签: 软件测试软件测试方法软件测试学习 原创来自于我们的微信公众号:软件测试大师 最近很多同学,说面试的时候被问道,有没有用过什么抓包工具,其实抓包工具并没有什么很难的工具,只要...
  • (3)点击链接可以查看链接详情测试网站http://www.websocket.org/echo.htmlfiddler抓包Websocket1、fiddle配置 点击Rules选着Customize Rules,在FiddlerScript中找到如下代码进行调整在class...
  • 选择file的Capture Traffic(快捷键F12),当勾选状态时开始抓包,未勾选状态时停止抓包。默认情况下是勾选状态的。 方法二: 点击左下角的capturing,显示这个按钮为开始抓包状态,不显示的时候为停止抓包状态。 ...
  • FiddlerObject.UI.lvSessions.AddBoundColumn("Method",60,getHTTPMethod ); static function getHTTPMethod(oS: Session){ if (null != oS.oRequest) return oS.... else return String.Empty;...}
  • 网站是vmware虚拟机搭建了个go网络商城,Tomcat+Mysql+SSH架构的,这是后台界面,浏览器按F12抓包账号密码admin 下面我们py伪造post请求登陆#coding=utf-8 importurllib importurllib2 importre #9ok模拟登陆了admin...
  • 大家可能都听说过一个名词,“抓包”。比如软件开发前后端联调,调用后端接口无反应,这时我们常常会说:“抓个包看看前端传递的数据吧”。又或者我们的网站接入 CDN 之后,想要看一下网站静态资源的缓存时间和自己...
  • 先拦截请求-F11设置拦截 -F12抓包 2、修改金额 宽带 下行:100M上行:8M 一般家用的都是下行高,企业用都是上下行对等。企业要搭建网站就需要上行。 我们去访问网站,服务器根据请求把数据发送给我们,类似...
  • fiddler抓包

    2019-11-25 16:16:33
    浏览器的F12功能都带抓包功能 抓包主要分析请求的URL以及里面的参数是否正确,还要关注响应内容是否与页面里显示的一致。 火狐 工具 附加组件 firebug firepath 组件(也可以进行抓包) IE的httpwatch可以进行抓...
  • 抓包汇总

    2021-01-29 10:53:33
    (以谷歌内核为例)对于网页抓包可以使用F12-network进行抓包,因为前段网页请求接口时常使用ajax请求,所以选择XHR进行筛选,当勾选Preserve log 时 ,每次跳转界面后,请求信息不会丢失 二: 安卓APP抓包 1.http ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,781
精华内容 2,712
关键字:

f12抓包