Firefox 70 将引入“非活跃 CSS”,快速排查 CSS 属性

产品时间:2022-06-06 00:06

简要描述:

在最新的 Firefox 70 Beta 版本中,引入了一项名为“Inactive CSS”(非活跃 CSS)的功效,DevTool 新工具将为开发者展示哪些 CSS 属性不会影响所选元素以及原因,这将大大节约开发者的时间。详细情况是,当选中一个元素时,元素的 CSS 属性如果对其没有影响,那么这个属性旁边会显示一个信息框,说明其不会起作用,而且解释原因。 以上图为例:flex-grow 的设置不会在 .outer-wrapper 中生效,因为它不是一个 flex 项。...

推荐产品
详细介绍
本文摘要:在最新的 Firefox 70 Beta 版本中,引入了一项名为“Inactive CSS”(非活跃 CSS)的功效,DevTool 新工具将为开发者展示哪些 CSS 属性不会影响所选元素以及原因,这将大大节约开发者的时间。详细情况是,当选中一个元素时,元素的 CSS 属性如果对其没有影响,那么这个属性旁边会显示一个信息框,说明其不会起作用,而且解释原因。 以上图为例:flex-grow 的设置不会在 .outer-wrapper 中生效,因为它不是一个 flex 项。

亚盈体育

在最新的 Firefox 70 Beta 版本中,引入了一项名为“Inactive CSS”(非活跃 CSS)的功效,DevTool 新工具将为开发者展示哪些 CSS 属性不会影响所选元素以及原因,这将大大节约开发者的时间。详细情况是,当选中一个元素时,元素的 CSS 属性如果对其没有影响,那么这个属性旁边会显示一个信息框,说明其不会起作用,而且解释原因。

亚盈体育app下载

以上图为例:flex-grow 的设置不会在 .outer-wrapper 中生效,因为它不是一个 flex 项。此外,信息框中还会给出革新建议。此前 Firefox 在 v65 中也引入一项新奇的 CSS 功效 FleXbox Inspector。

Flexbox Inspector 可以资助开发者相识 CSS Flebox 元素的巨细、位置与嵌套情况。只要开发者在标志视图中选定了 Flex 容器或其它元素,那么就会自动泛起 Flexbox 信息,开发者可以在结构面板中的 Inspector 标签下看到相应内容。这些 CSS 工具对于前端工程师或者故障排查都能提供极大的便利,详细情况可以检察:https://www.mozilla.org/en-US/firefox/70.0beta/releasenoteshttps://www.oschina.net/news/103673/flexbox-inspector-will-add-to-firefox-65。


本文关键词:Firefox,将,引入,“,非活跃,CSS,”,快速,排查,亚盈体育官网

本文来源:亚盈体育-www.xuandusj.com

产品咨询

留言框

  • 产品:

  • 您的单位:

  • 您的姓名:

  • 联系电话:

  • 详细地址:

  • 留言内容:

在线客服 联系方式 二维码

电话

0113-593098087

扫一扫,关注我们