Chrome DevTools: 编削User

你的位置:开元ky888棋牌app网页版平台注册入口 > 行业动态 > Chrome DevTools: 编削User
Chrome DevTools: 编削User
发布日期:2022-08-06 21:00    点击次数:154

本文转载自微信群众号「天天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的内容照旧挺多的,这里篇幅无限,不开展探究了,感兴致可以或许深入相识一下。