龙喵专栏 /前端 /内容

CanIUse 览器兼容性查询和如何在网站或者博客嵌入CanIUse

版权声明:龙喵网
网站网址:http://ailongmiao.com/

前端开发的时候时常需要检查浏览器的兼容性,在这里推荐(Can I Use)这个是一个针对前端开发人员定制的一个查询CSS、Js在个中流行浏览器钟的特性和兼容性的网站,可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的检测的浏览器包括桌面和移动版的主流浏览器:IE, Firefox, Chrome, Safari和 Opera等。

Can I use 官网

传送门

Can i use 使用

你可以从列表中直接查看某个特性相关的浏览器支持程度,或者搜索

CanIUse 览器兼容性查询和如何在网站或者博客嵌入CanIUse

自己的网站或者博客嵌入浏览器支持情况

相信大家很多在写前端的博客或者专题时候,都会涉及到兼容性的问题。也就是我们会去 caniuse 查找兼容性的浏览器支持情况。感谢 IreAderinokun 开发了一个开源项目 :

caniuse-embed

你可以将浏览器的支持情况直接插入到你的网站或者文章中,而不用大家截图或者链接说明。

如何使用

使用非常简单,你可以前往 http://caniuse.bitsofco.de/ 勾选你希望显示的特性:

CanIUse 览器兼容性查询和如何在网站或者博客嵌入CanIUse

接着点击 Generate 按钮,会生成一段 html 代码

CanIUse 览器兼容性查询和如何在网站或者博客嵌入CanIUse

然后将这段代码贴到你的文章或者页面里面。

当然别忘记了引入这段脚本在页面底部:

<script src="https://cdn.jsdelivr.net/gh/ireade/caniuse-embed/caniuse-embed.min.js"></script>
然后就大功告成了!
版权声明:龙喵网
网站网址:http://ailongmiao.com/

1.部分文章来自网络,如有侵犯权益,请联络博主,资源失效与内容勘误留言说明.

2.如若转载,请注明出处:http://ailongmiao.com/read/72.html

[ web前端导航 ]:http://ailongmiao.com/web/

相关阅读

    评论

    继续阅读

    无障碍 Web 开发

    无障碍 Web 开发

    Web前端 2019-06-04 5

    良好的 Web 可访问性,就是把你的网站建设成让尽可能多的人都觉得好用,可以让每一个人受益。语义化 HTML 也是确保 Web 良好访问性的

    禁止用户打开HTML页面调试

    Web前端 2019-05-18 5

    有时为了防止别人调试我们的HTML页面,盗取代码等行为,介绍一些能够阻止用户在浏览器中打开调试窗口的方法,这些方法只能一定程度的提

    细数CSS伪元素及其用法

    Web前端 2019-03-29 12

    CSS中有两个很常见的概念,伪类和伪元素。伪类用于在页面中的元素处于某个状态时,为其添加指定的样式。伪元素会创建一个抽象的伪元

      选择打赏方式

    打赏

    打赏