当前位置: 海之晶网站设计> 建站知识> 常见问题>创建要素查询管理器DevTools扩展

创建要素查询管理器DevTools扩展

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/10/1 21:30:14
分享:

在过去的几年里,一些改变游戏规则的CSS特性已经在主要浏览器中推出。例如,CSS网格布局在几个月内从0%到80%的全球支持率,使它成为我们武器库中一个非常有用和可靠的工具。尽管目前对cssgridlayout这样的特性的支持相对较好,但并不是所有最近或当前的浏览器都支持它。这意味着,您和我很可能正在开发一款不支持它的浏览器。

为现代和传统浏览器开发的现代解决方案是功能查询。它们允许我们编写CSS,条件是浏览器对特定功能的支持。虽然使用特性查询几乎是不可思议的,但是测试它们可能是一件痛苦的事情。与媒体查询不同,我们不能简单地通过调整浏览器大小来模拟不同的状态。这就是特性查询管理器的作用所在,它是DevTools的扩展,可以帮助您轻松地切换特性查询条件。在这篇文章中,我将介绍如何构建这个扩展,并介绍如何构建开发人员工具扩展。

如果查看页面的浏览器不支持属性值对(例如display:grid),则不会发生太多事情。与其他编程语言不同的是,如果CSS中的某些内容被破坏或不受支持,则它只会影响已损坏或不受支持的规则,而使其周围的所有内容保持不变。

让我们以这个简单的布局为例:

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。