- 综合排序
- 最热优先
- 最新优先
- 来自专栏九彩拼盘的叨叨叨
CanIUse 命令行工具介绍
前端开发者应该都知道 CanIUse。无意间发现有好心人做了命令行工具。 安装 npm install -g caniuse-cmd 注意：如果使用的是Windows系统，需要在Git的命令行执行上述命令。否则会报Git Not Found的错。 用法 最基本的用法 caniuse 特性 如运行 caniuse websocket，结果如下 ? caniuse websocket 运行结果 查看选项/帮助 caniuse --help 常用选项 -m 显示手机浏览器的兼容情况，默认只显示PC浏览器的兼容情况 -p 显示浏览器市场份额 - w 打开浏览器，在 CanIUse上搜索结果 -c 只显示最新浏览器的兼容情况 更多说明见这里。
1.5K20发布于 2018-08-24 - 来自专栏iSharkFly
前端工程师的 caniuse
如果你是前端工程师的话，你应该对 caniuse 这个网站会比较熟悉。 https://www.ossez.com/t/caniuse/13702
81420发布于 2021-08-24 - 来自专栏微信小程序开发
小程序wx.canIUse和wx.getSystemInfo踏的坑
然后就用了wx.canIUse进行判断，折腾了一会儿，发现不对，1.5.2基础库上返回也是false，如下： ?
5.4K91发布于 2018-03-07 - 来自专栏编程微刊
小程序最新标准授权登录流程+逻辑
-- 需要使用 button 来授权登录 --> <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo ">授权登录</button> <view wx:else>请升级微信版本</view> js: Page({ data: { canIUse: wx.canIUse('button.open-type.getUserInfo hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap: function() { wx.navigateTo
1K10编辑于 2025-05-18 - 来自专栏编程微刊
小程序最新标准授权登录流程+逻辑
-- 需要使用 button 来授权登录 --> <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo ">授权登录</button> <view wx:else>请升级微信版本</view> js: Page({ data: { canIUse: wx.canIUse('button.open-type.getUserInfo hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap: function() { wx.navigateTo
1.9K60发布于 2018-12-25 - 来自专栏IT架构圈
「小程序JAVA实战」 小程序私有页面的生命周期以及导航（10）
= getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { console.log("index->onLoad
67430发布于 2018-12-19 - 来自专栏前端自习课
【CSS】378- [译]44个 CSS 精选知识点
浏览器支持情况 100% 查看本条 caniuse 5. 浏览器支持程度 99.5% 需要使用前缀 caniuse 11. CodePen上查看和编辑代码 浏览器支持程度 97.5% caniuse1 caniuse2 27. 重置所有样式 使用一个属性将所有样式重置为默认值。 caniuse1 https://caniuse.com/#feat=transforms2d caniuse2 feat=transforms2d 36.缓动效果 DEMO ? 浏览器支持程度 97.5%； caniuse-feat=css-sel3 caniuse-feat=css-transitions 其他 43.
6.3K10发布于 2019-10-15 - 来自专栏达达前端
解决微信小程序登录与发布的一些问题
<button open-type="getUserInfo"></button> <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo canIUse: wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting { this.setData({ userInfo: app.globalData.userInfo }) } else if (this.data.canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting : wx.canIUse('button.open-type.getUserInfo') }, //事件处理函数 bindViewTap: function() { wx.navigateTo
1K30编辑于 2022-04-29 - 来自专栏IT架构圈
「小程序JAVA实战」小程序的事件（11）
= getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, clickMe: function(){ console.log("你点击我这里出来了!" = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, clickMe: function(e){ console.log("你点击我这里出来了!
1.8K30发布于 2018-12-19 - 来自专栏Rust语言学习交流
Rust Search Extension两周年，发布1.0版！
支持caniuse.rs和部分RFC的搜索 感谢社区@aquarhead 的PR，他把caniuse.rs的数据集成到了Rust Search Extension中。我们可以用过使用? +关键字搜索caniuse.rs上的数据，使用??+关键字搜索对应的RFC。 caniuse.rs是社区的开发者搞的一个可以搜索Rust新功能何时稳定的网站，类似于Web社区的caniuse.com。 ?
64720发布于 2020-11-05 - 来自专栏code秘密花园
推荐|六个好用的前端开发在线工具
CanIUse CanIUse是非常好用的在线工具，可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。 > </picture> CanIUse 还可以在命令行下使用，例如，在命令行下查看 WebP 图像格式的浏览器兼容性：caniuse webp（运行命令前需要事先通过 npm install -g caniuse-cmd安装命令行工具。 prettier.io/ Postman：https://www.postman.com/ StackBlitz：https://stackblitz.com/ Bit.dev：https://bit.dev/ CanIUse ：https://caniuse.com/
2.2K20发布于 2020-05-08 - 来自专栏Cell的前端专栏
hexo 插件及 next 内置样式集
caniuse 使用 {% caniuse feature @ periods %} <! -- Tag Alias --> {% can feature @ periods %} feature : Search for the feature you want on https://caniuse.com 栗子 Caniuse without periods 1 {% caniuse fetch %} Caniuse with current period 1 {% can sharedarraybuffer @ current %} Caniuse with future periods 1 {% caniuse loading-lazy-attr @ future_3,future_2,future_ 1 %} Caniuse with past periods 1 {% caniuse link-rel-modulepreload @ past_1,past_2,past_3,past_4,past
72310编辑于 2022-02-25 - 来自专栏IT架构圈
「小程序JAVA实战」 小程序wxss样式文件的使用（七）
{ motto: '测试下数据绑定', testoutcss: '测试外部css样式', userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') } }) <! 测试下数据绑定', testoutcss: '测试外部css样式', color:"red", userInfo: {}, hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') } }) color绑定的方式 <!
81330发布于 2018-12-18 - 来自专栏web前端技术分享
【微信小程序开发】使用button标签的open-type="getUserInfo"引导用户去授权
index.wxml <button wx:if="{{<em>canIUse</em>}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo <em>canIUse</em>: wx.<em>canIUse</em>('button.open-type.getUserInfo') }, onLoad: function() { // 查看是否授权 wx.getSetting
2.3K10编辑于 2022-05-05 - 来自专栏超级码力
🤔 一文搞懂前端兼容问题
我们常用的 caniuse[11] 网站，一部分数据也是依赖于它的。 [13]，其实也是依赖于 caniuse[14]，lite 只保留了核心数据，对一些说明文案做了裁剪处理。 /JavaScript/Guide/Modules [10] browser-compat-data: https://github.com/mdn/browser-compat-data [11] caniuse : https://caniuse.com/ [12] browserslist: https://github.com/browserslist/browserslist [13] caniuse-lite : https://github.com/browserslist/caniuse-lite [14] caniuse: https://github.com/Fyrd/caniuse
1.5K40编辑于 2022-11-08 HarmonyOS NEXT AI基础语音服务-文章播报
用于标记是否正在播放 @Local isPlaying: boolean = false // 初始化文字转语音引擎 async initTextToSpeechEngine() { if (canIUse aboutToAppear(): void { this.initTextToSpeechEngine() } // 组件即将消失时调用 aboutToDisappear(): void { if (canIUse shutdown() } } // 播放语音 play() { if (canIUse('SystemCapability.AI.TextToSpeech')) { if ( } aboutToAppear(): void { this.initTextToSpeechEngine() } aboutToDisappear(): void { if (canIUse shutdown() } } play() { if (canIUse('SystemCapability.AI.TextToSpeech')) { if (this.ttsEngine
45710编辑于 2025-03-30- 来自专栏GitHub专栏
六个好用的前端开发在线工具
CanIUse [CanIUse]是非常好用的在线工具，可以方便地查看各大浏览器对某个特性的支持程度。 我过去经常碰到自己开发的应用的一些功能在其他浏览器下不支持的情况。 > </picture> CanIUse 还可以在命令行下使用，例如，在命令行下查看 WebP 图像格式的浏览器兼容性：caniuse webp运行命令前需要事先通过npm install -g caniuse-cmd
1.2K10发布于 2020-06-18 - 来自专栏全栈程序员必看
微信小程序 宠物论坛1[通俗易懂]
wx.cloud.database() Page({ data: { motto: '欢迎来到宠物论坛', userInfo: {}, nickname:"", heads:"", hasUserInfo: false, canIUse : wx.canIUse('button.open-type.getUserInfo') }, onLoad: function () { if (app.globalData.userInfo) { this.setData({ userInfo: app.globalData.userInfo, hasUserInfo: true }) } else if (this.data.canIUse) hasUserInfo && canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 获取头像昵称 </button> <block
1.2K20编辑于 2022-11-08 harmony-utils之AssetUtil，关键资产存储服务工具类
Want, launchParam: AbilityConstant.LaunchParam): void { AppUtil.init(this.context); } API方法与使用 canIUse 当前设备是否支持该模块 let canIUse = AssetUtil.canIUse(); ToastUtil.showToast(`当前设备是否支持该模块：${canIUse}`); add 新增一条关键资产
23000编辑于 2025-07-21- 来自专栏前端技术专栏-吴佳
关于前端的工具你知道多少？别找了，都在这里。
http://www.colorzilla.com/gradient-editor/ tinypng 一个可以在线快速批量压缩图片的网站 tinypng地址：https://tinypng.com/ caniuse 一个可以快速查看CSS在各浏览器上的兼容性网站 caniuse地址：https://caniuse.com/ tool 一个专门为开发人员提供的在线工具网站 tool地址：https://tool.lu
46240编辑于 2022-09-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号