服务器之家

服务器之家 > 正文

火狐Firefox 70浏览器将引入“非活跃 CSS”,快速排查 CSS 属性

时间:2019-09-15 09:35     来源/作者:开源中国

在最新的Firefox 70 Beta版本中,引入了一项名为“Inactive CSS”(非活跃CSS)的功能,DevTool新工具将为开发者展示哪些CSS属性不会影响所选元素以及原因,这将大大节省开发者的时间。

火狐Firefox 70浏览器将引入“非活跃 CSS”,快速排查 CSS 属性

具体情况是,当选中一个元素时,元素的CSS属性如果对其没有影响,那么这个属性旁边会显示一个信息框,说明其不会起作用,并且解释原因。以上图为例:flex-grow的设置不会在.outer-wrapper中生效,因为它不是一个flex项。此外,信息框中还会给出改进建议。

此前Firefox在v65中也引入一项新奇的CSS功能Flexbox Inspector。

火狐Firefox 70浏览器将引入“非活跃 CSS”,快速排查 CSS 属性

Flexbox Inspector可以帮助开发者了解CSS Flebox元素的大小、位置与嵌套情况。只要开发者在标记视图中选定了Flex容器或其它元素,那么就会自动出现Flexbox信息,开发者可以在布局面板中的Inspector标签下看到相应内容。

火狐Firefox 70浏览器将引入“非活跃 CSS”,快速排查 CSS 属性

这些CSS工具对于前端工程师或者故障排查都能提供极大的便利。

标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字
抖音撒撒累累是什么歌 撒撒累累张艺兴歌曲名字 2019-06-05
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-07-24
超A是什么意思 你好a表达的是什么
超A是什么意思 你好a表达的是什么 2019-06-06
返回顶部