Chrome DevTools: 修改User-Agent,定制个性化UA
本文转载自微信公众号「天天Up」,作者TianTianUp。转载本文请联系天天Up公众号。
你好,我是TianTianUp。
先抛出问题,本地开发时,想要快速达到修改UA的时候,你一般是怎么做的?
这里的UA(User-Agent),指得是用户代理,对于User-Agent的解释,MDN给出的解释如下:
User-Agent 首部包含了一个特征字符串,用来让网络协议的对端来识别发起请求的用户代理软件的应用类型、操作系统、软件开发商以及版本号。
通俗的理解是用户不能直接去网络上拿信息,这个时候需要一个载体去代表用户的行为,这个软件(载体)叫做User-Agent。浏览器就属于其中一种。
用户通过不同的软件,在特定的操作下,会触发http请求, 每个请求下会携带UA,而网站的服务者会通过UA内容,来下发不同的产物,从而提供差异化的服务。
UA存在一些内容可以了解掌握的,比如如何准确的判断UA,UA标准语法是什么,UA的历史等等。
抛个问题,UA的判断,通过正则表达式么,一定很准确么,答案当然是错误的,以下例子就可以说明:
iPad OS 13以上的 Safari 浏览器会默认模拟Mac,这个时候 UA 与 Mac 完成一致,这种情况下,对于后端来说完全不可判断,那么前端有啥办法呢?
之前遇到过,正好沉淀了下来,比如:
通过navigator.maxTouchPoints 来判断,即返回当前设备能够支持的最大同时触摸的点数。
回到文章的主题,如何通过DevTools来实现属于自己的UA,或者当你需要本地代理特定的UA时,应该怎么做呢?
DevTools提供了特定的面板,让我们来实操一下。
定制个性化的UA
首先,推荐一个查看UA的网站,如:
http://www.whatuseragent.com/
打开后,你会很方便的看到自己的UA:
打开命令面板
使用组合键(Cmd + Shift + P)打开命令面板:
查找网络状态(Network Conditions)
搜索Network conditions,点击后会出现网络状态面板:
取消代理部分
我们需要取消勾选Use browser default,然后输入您的自定义用户代理或从预定义的用户代理列表中选择,比如我自定义用户代理:
总结
本文介绍了如何修改UA,以及工作中跟UA相关的内容,遇到的一些坑点,比如Mac 与 iPad OS 13以上的 Safari 浏览器如何判断,UA的内容还是挺多的,这里篇幅有限,不展开讨论了,感兴趣可以深入了解一下。
相关文章
- 【技术种草】cdn+轻量服务器+hugo=让博客“云原生”一下
- CLB运维&运营最佳实践 ---访问日志大洞察
- vnc方式登陆服务器
- 轻松学排序算法:眼睛直观感受几种常用排序算法
- 十二个经典的大数据项目
- 为什么使用 CDN 内容分发网络?
- 大数据——大数据默认端口号列表
- Weld 1.1.5.Final,JSR-299 的框架
- JavaFX 2012:彻底开源
- 提升as3程序性能的十大要点
- 通过凸面几何学进行独立于边际的在线多类学习
- 利用行动影响的规律性和部分已知的模型进行离线强化学习
- ModelLight:基于模型的交通信号控制的元强化学习
- 浅谈Visual Source Safe项目分支
- 基于先验知识的递归卡尔曼滤波的代理人联合状态和输入估计
- 结合网络结构和非线性恢复来提高声誉评估的性能
- 最佳实践丨云开发CloudBase多环境管理实践
- TimeVAE:用于生成多变量时间序列的变异自动编码器
- 具有线性阈值激活的神经网络:结构和算法
- 内网渗透之横向移动 -- 从域外向域内进行密码喷洒攻击