微网站建站郑州百度推广代运营
官网
文档链接
Browsers Data Updating 浏览器数据更新
Query Composition 查询组合
Browsers 现存的浏览器
Config File 配置文件
Shareable Configs 可以共享的配置
Configuring for Different Environments 针对不同环境进行配置
Custom Usage Data 自定义使用数据
JS API
Environment Variables 环境变量
搜索查询属性兼容所对应的浏览器版本
使用方法: 进入网址搜索查询js某个特性的兼容,如搜索let-浏览器兼容
链接
各个浏览器的各个版本 在市场的占有率
链接
browserlist工作流程
会向caniuse请求得到一份数据,根据browserlistrc或package.json 的条件查询符合要求的浏览器版本。
用到browserlist的工具如下,当您将以下配置内容添加到包(package.json或是.browserslistrc)中时,所有工具都会自动找到目标浏览器。
指定浏览器和node版本(查询条件)
使用方式
- 根目录配置.browserslistrc文件
如
> 0.01%
last 2 version
not dead
如
chrome 91
- 或在package.json
// package.json
{
"browserslist": [">1%","last 2 version","not dead"]}
- 或者在webpack.config.js类似的配置文件
查看选择了哪些浏览器
npx browserslist //在项目目录中运行以查看选择了哪些浏览器
官方给出的最佳建议
- 推荐我们选择
last 2 versions 最近两个版本 (这是因为last n版本本身并没有添加流行的旧版本)
not dead with a usage number like > 0.2% 现存使用率超过0.2%的浏览器版本 (,而从长远来看,仅使用高于0.2%的百分比将使流行浏览器更受欢迎。) - 不要因为不了解浏览器就删除浏览器。Opera Mini在非洲拥有1亿用户,在全球市场上比微软Edge更受欢迎。中国QQ浏览器的市场份额超过了Firefox和桌面Safari的总和。