1. 首页
  2. IT资讯

bowser:一个浏览器的检测器

“u003Cdivu003Eu003Cpu003Eu003Cstrongu003EBowseru003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E一个浏览器的检测器。因为通常并没有一个很好的办法来检测用户当前的浏览器,甚至是很多主流的现代浏览器都没有提供一个较好的特征检测机制。u003Cu002Fpu003Eu003Cpu003E目录u003Cu002Fpu003Eu003Culu003Eu003Cli class=”ql-align-justify”u003E概览u003Cu002Fliu003Eu003Cli class=”ql-align-justify”u003E使用示例u003Cu002Fliu003Eu003Cli class=”ql-align-justify”u003E高级用法u003Cu002Fliu003Eu003Cli class=”ql-align-justify”u003E如何提供贡献?u003Cu002Fliu003Eu003Cu002Fulu003Eu003Cpu003Eu003Cstrongu003E概览u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003EBowser是用来帮助检测用户正在使用的是何种浏览器,并为你提供了一种便利的API用来根据用户的浏览器达到过滤部分用户的目的。 u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E⚠️2.0版本重大变更 ⚠️u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E2.0版本对API接口做了彻底的变更。所有支持的接口方法都可以在文档页找到。u003Cu002Fpu003Eu003Cpu003E如果你还在使用1.x老代码,请务必检出1.x分支,然后通过npm install bowser@1.9.4命令来安装。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E使用示例u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E首先,需要引入bowser包,它是一个UMD模块,所以适用于AMD, TypeScript, ES6以及CommonJS模块系统。u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F0d1c076827f64590902099cc808f251e” img_width=”1080″ img_height=”337″ alt=”bowser:一个浏览器的检测器” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E默认情况下,导入的是ES5 transpiled版本,即不包含任何polyfills。u003Cu002Fpu003Eu003Cpu003E如果你不使用自己的babel-polyfill,你可能需要用所有需要的polyfills来预编译bundle。那样的话,你可以这么导入bowser包:require(‘bowseru002Fbundled’),导入之后,你就会得到一个带有babel-polyfill的ES5 版本的bowser。u003Cu002Fpu003Eu003Cpu003E如果你需要使用源文件的话,你也可以在包里找到它们。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E获取浏览器属性u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E我们经常需要获取用户的浏览器属性,比如名字,版本,渲染引擎等等,可以参考下面这段代码看看通过Bowser怎么实现:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002Fpgc-imageu002F9f5f706bcf9e45a2b3a71eba7e1ca237″ img_width=”1080″ img_height=”178″ alt=”bowser:一个浏览器的检测器” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E或者u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002F71a8b4fde443473abe8f8444ab14f222″ img_width=”1080″ img_height=”354″ alt=”bowser:一个浏览器的检测器” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E或者u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002Fpgc-imageu002Fb8556439c6be469dac9c6bc6bc80fa1c” img_width=”1080″ img_height=”603″ alt=”bowser:一个浏览器的检测器” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003Eu003Cstrongu003E过滤浏览器u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E你可能想要一些特殊的浏览器用来做额外的支持或者仅仅是想找一些替代方案,使用Bowser你可以这么做:u003Cu002Fpu003Eu003Cdiv class=”pgc-img”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002Fpgc-imageu002F140eac77136e4dd28e88164683537647″ img_width=”1080″ img_height=”851″ alt=”bowser:一个浏览器的检测器” inline=”0″u003Eu003Cp class=”pgc-img-caption”u003Eu003Cu002Fpu003Eu003Cu002Fdivu003Eu003Cpu003E任何特殊操作系统或者平台层面的配置拥有更高的优先级从而会重新定义独立浏览器的配置。因此,你可以定义操作系统或者平台层面的特殊规则,这样的话,这些规则到最后将拥有更高的优先级。u003Cu002Fpu003Eu003Cpu003E更多的API和使用方法,你可以在文档目录找到。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E.satisfies()中浏览器的名字u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003E默认情况下,你一般会在.satisfies文件里使用浏览器的全名。但是,我们也允许你使用更短的别名来定义浏览器。关于别名使用的完整列表,你可以在文件中找到。u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E类似项目u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003EKong – A C# port of Bowser.u003Cu002Fpu003Eu003Cpu003Eu003Cstrongu003E许可证u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cpu003EMIT 开源许可协议,版权所有。具体参见LICENCEu003Cu002Fpu003Eu003Cblockquoteu003E英文原文:https:u002Fu002Fgithub.comu002Flancediksonu002Fbowser 译者:疯禽忘肿u003Cu002Fblockquoteu003Eu003Cu002Fdivu003E”

原文始发于:bowser:一个浏览器的检测器

主题测试文章,只做测试使用。发布者:熱鬧獨處,转转请注明出处:http://www.cxybcw.com/10836.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code