【测试】抓包获取浏览器UA，并使用Chrome 调试工具模拟手机

最新推荐文章于 2024-08-07 11:15:00 发布
最新推荐文章于 2024-08-07 11:15:00 发布
阅读量2.5k 收藏 2
点赞数
分类专栏： 测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011035397/article/details/115282489
版权
本文介绍了如何使用Charles抓包工具获取浏览器的User-Agent，并在Chrome开发者工具中创建自定义设备来模拟不同的手机环境。通过设置UA，前端开发者可以更准确地测试移动端页面，解除端外限制，确保页面在不同设备上的兼容性和交互性。
摘要由CSDN通过智能技术生成

抓包获取浏览器UA

首先需要先安装charles，在http的请求头当中可以看到User-Agent，复制该User-Agent的内容
在这里插入图片描述
如果你是前端开发，也可通过以下代码获取UA

$(‘body’).html(navigator.userAgent);

构造UA

然后打开chrome浏览器的调试工具，点击手机设备栏，点击edit，弹出编辑页面，再点击Add custom device选项

在这里插入图片描述
输入设备名，以及填入刚刚抓包获得的UA即可。再次刷新页面，即可模仿真实的手机页面。这时候如果前端开发有限制端外页面无法点击按钮的限制，即可消除
在这里插入图片描述

Bug 挖掘机
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
使用Chrome浏览器调试Android App详解
09-03
而Stetho就是Facebook为了解决Android App调试难题而推出的一款工具，它允许开发者在Chrome中直接对Android应用进行网络抓包、查看SQLite数据库和SharedPreference等操作，无需额外的root权限。 首先，要在项目中...
推荐一些socket工具，TCP、UDP调试、抓包工具
03-23
推荐一些socket工具，TCP、UDP调试、抓包工具.还记得我在很久很久以前和大家推荐的Fiddler和Charlesdebugger么?他们都是HTTP的神器级调试工具，非常非常的好用。好工具能让你事半功倍，基本上，我是属于彻头彻尾的...
浏览器部分UA汇总
weixin_34194379的博客
01-17 365
网上写UA分类的有很多，不过都是些老文章。最近分析的内容包含以下，供参考。感觉上还有很多信息没有发现，等以后发现了再补充。当浏览器标识中出现2个以上的时候 Chome 和Safari 优先是可以被过滤掉的。例如QQBrowserChromeSafari或QQBrowserChrome再或QQBrowserSafari，那这货肯定是QQ浏览器。当只有ChromeSafari时，...
【技术干货】一探究竟：揭秘 Charles 让数据“原形毕露”的神器功能！
最新发布
雪之梦技术驿站
08-07 824
Charles作为一款功能强大的 HTTP 代理和监视工具，在移动开发、网络安全测试以及第三方应用通讯协议分析等领域发挥着重要作用。通过本文的详细解析和实战演练，相信你已经掌握了Charles的基本使用技巧和高级功能。在未来的工作中，不妨多多利用 Charles 来提升你的开发效率和测试质量吧！嘿，小伙伴们，你们知道吗？这字儿可不是白码的，每一颗键帽下的汗水都能浇出一朵花来！所以，要是看得开心，就请大方地撒点阳光——走一波，让我这花园更加灿烂！
解锁 user-agent(UA)识别 Api 接口的无限潜力
m0_57991918的博客
05-19 591
为了更好地了解用户的访问环境和提供更好的用户体验，我们需要通过用户的访问UA（User-Agent）信息来识别其操作系统、浏览器信息、浏览器内核、硬件信息及相关型号。总之，UA 识别 API 接口的无限潜力不仅在于提供了便利的访问环境信息获取方法，还在于其广泛的应用场景。通过解锁 UA 识别 API 接口，我们可以轻松地获取用户的访问环境信息，进而为用户提供个性化的服务和优化的用户体验。通过该接口，我们可以方便地获取用户的访问环境信息，从而根据不同的设备和环境，为用户提供个性化的服务和优化的用户体验。
fiddler抓包步骤：抓包浏览器/抓包手机APP或小程序
HRD的博客
02-22 2870
fiddler抓包浏览器/手机app或小程序步骤只有步骤3不同（浏览器添加代理服务器的设置与手机添加代理服务器的设置不一样），其他步骤设置是一致的。
实战Fiddle抓包解决方案，浏览器手机抓包
饭一口口吃的博客
04-02 1176
在实际开发过程、生活中，你可能会遇到这样的问题： 需要分析手机APP、微信小程序、网页的HTTPS或者HTTP请求 在开发web应用时发现一些数据传输的问题，需要获取信息进行调试 你是非开发人员，使用某公司数据管理软件客户电话号码是加密状态，必须管理员放权你才有机会查看 登陆某网站你一直是记住密码登陆的，但是有一天你忘记了密码 等 Fiddler 调试来自PC，Mac或Linux系统以...
安卓手机/pad用Charles抓包https（mac版超详细教程)
weixin_43500974的博客
03-31 1万+
此时会启动“钥匙串访问”APP，并找到刚开安装好的证书，证书名字：Charles Proxy CA，找不到的可以搜索框搜下。选择OK，弹框提示内容里写了怎么在手机上使用charles代理，接下来我们就按照步骤来操作。这个链接下载证书包，然后修改后缀 将.pem的后缀改为.crt，发送到手机上安装；这时再次单击我们重命名的文件，按提示给证书取个名字，安装成功。我们选中下载好的文件，点击更多-任务详情，去文件管理中找到它。更改为始终信任，并关闭窗口输入密码保存。直接点击，却提示“无法打开文件”，怎么办？
抓包工具 之 Charles 的使用
玄鱼殇
11-23 6979
抓包工具 之 Charles 的使用
Fiddler抓包工具应用
小刘的SHARING SPACE
11-22 1182
fiddler抓包工具 使用及常见问题
基于Java和selenium开发的使用chrome浏览器进行普通抓包的案例源码.tar
11-17
基于Java和selenium开发的使用chrome浏览器进行普通抓包的案例源码.tar基于Java和selenium开发的使用chrome浏览器进行普通抓包的案例源码.tar基于Java和selenium开发的使用chrome浏览器进行普通抓包的案例源码.tar...
手机抓包工具apk.zip下载
10-14
手机抓包工具是IT行业中非常实用的一类应用，主要用于监测和分析网络数据包，帮助开发者、测试人员或者安全研究人员理解应用程序在网络通信中的行为。在Android系统中，这种工具通常是apk格式的，便于用户安装和使用...
抓包工具fiddler 学习测试使用开发工具 app开发调试工具 app测试调试工具.rar
08-01
**Fiddler 抓包工具详解** Fiddler 是一款强大的网络封包分析软件，尤其在Web应用程序的开发和测试中扮演着至关重要的角色。它主要用于监控、记录、修改网络通信数据，帮助开发者和测试人员深入理解应用在网络层面...
手机APP UserAgent查询
arvin的博客
08-27 9188
很多做前端开发的小伙伴呢，偶尔要获得l浏览器或者手机APP的UA来做一些浏览器的兼容处理，但是手机APP又很不方便查询，今天我就给大家提供一种很方便的方法 首先用电脑打开http://www.ip138.com/useragent/这个网址。当然如果你要查的是手机上浏览器的UA也可以手动输入到手机浏览器里面，打开以后就会出现下面的页面 这样是不是就能很清楚的看到浏览器的信息了呢。 当你用电脑打开这......
无需插件修改chrome浏览器UA标识为手机版
weixin_41655430的博客
06-27 1万+
可能在手机上我们可以很方便的操作将网页的UA设置为电脑版或者是其他的，但是在电脑上一般没有直接的操作修改，网上的经验也一般为使用User-Agent Switcher 插件,修改。其实使用开发者工具就已经能够很方便的修改UA了 首先在对应的页面按下F12，右侧弹出开发者工具栏，如下 点击红框选中的标识，即可切换为手机UA,还可以切换不同的机型，效果如下 ...
Charles 常用功能记录总结
红日
12-16 2569
确保手机已和PC上的Charles代理链接成功。我们在平时的业务开发中，经常有端上已开发完成，但后端接口还没有Ready的情况；或者需要接口频繁变更数据来测试各种case的情况。这样如果过度依赖接口，肯定会极大降低我们的开发效率，所以我们需要mock数据来提高开发效率。网上有很多开源的mock框架如、等，大家有兴趣的可以研究研究。今天要介绍的是使用Charles进行数据mock。
介绍几款APP抓包工具使用
热门推荐
weixin_45281236的博客
10-03 1万+
1.选择勾选 Proxy — External Proxy Settings 就是要将 Charles 作为手机端的代理，再由 Charles 将包转发给 burpsuite，所以对于 Charles 来说，burpsuite 就成了一个 External Proxy Server —— 外部代理服务器。2.设置代理，在 Proxy — Proxy Settings ，并且勾上 Support HTTP/2 和Enable transparent HTTP proxying ，点击右下角 OK 即可。
前端浏览器 UA 客户端信息识别模块 -- uadetector
stay hungry ! stay foolish!
04-20 969
前端浏览器 UA 客户端信息识别模块 -- uadetector maven依赖如下： <dependency> <groupId>net.sf.uadetector</groupId> <artifactId>uadetector-resources</artifact...
【转】十分钟学会Charles抓包(iOS的http/https请求)
weixin_34187862的博客
08-18 233
2019独角兽企业重金招聘Python工程师标准>>> ...
使用Winpcap开发简易网络抓包工具
1. 使用Winpcap开发包编写抓包工具：这要求开发者熟悉Winpcap的API，包括初始化库、获取网络接口列表、设置混杂模式以及启动数据包捕获等功能。 2. 数据包的详细解析：捕获到的数据包需要进行解析，这通常涉及到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bug 挖掘机

支持洋子

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值