繁体中文

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

发布者:無名 / 2019-9-13 23:35:47/ [显示全部楼层] /只看大图 /倒序浏览 /阅读模式
查看: 24|回复: 0

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

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

20190913120208_6764.jpg

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

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

20190913120208_2278.jpg

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

20190913120208_8550.jpg

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

来源:开源中国  作者:h4cd

免责声明:本网站的图片资料内容大部分取自于互联网,如果侵犯了原作者的权利请及时通知本站,把邮件发送至hsbk@hotmail.com,我们会在收到邮件24小时内尽快删除。





上一篇:每年都是“第一届”的搞笑诺贝尔奖又来了
下一篇:美国男子失踪22年,在谷歌地球上被找到了


回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


意见反馈|服務條款|隱私保护|小黑屋|手机版|古晋分享站

JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!JS of wanmeiff.com and vcpic.com Please keep this copyright information, respect of, thank you!

网站运行:

© 2001-2019 Comsenz Inc.  Powered by Discuz! X3.4