CSS不起作用?Firefox 70将引入“非活跃CSS”快速排查CSS属性

金融理财 阅读(1217)

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

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

以前,Firefox在v65中引入了一种名为Flexbox Inspector的新颖CSS功能。

Flexbox Inspector可帮助开发人员了解CSS Flebox元素的大小,位置和嵌套。只要开发人员在标记视图中选择Flex容器或其他元素,Flexbox信息就会自动显示,开发人员可以在布局面板的“检查器”选项卡下看到它。

这些CSS工具为前端工程师或故障排除提供了极大的便利。有关详细信息,请参阅“阅读原文”。

开源中国征集论文!

开源中国是一个高度关注和有影响力的开源技术社区,拥有400多万开源技术精英。我们传播开源概念,推广开源项目,并为IT开发人员提供发现,使用和交换开源技术的平台。

现在我们开始起草了。如果您有优秀的技术文章要分享,需要报告热门行业信息等,请联系开源中国提交。有关提交的详细信息和联系信息,请参阅:我想提交我的提交。

特别声明:本文由网易的自媒体平台网易的作者上传和发布。它只代表作者的观点。网易只提供信息发布平台。

关注

关注

0

参与

0

阅读下一篇文章

国庆节结束后,300个城市的土地销售收入问世,房屋奴隶眼泪流下来。

返回网易主页

下载网易新闻客户端

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

具体来说,当选择一个元素时,如果元素的CSS属性对它没有影响,则属性旁边会显示一个信息框,表示它不起作用并解释原因。例如,flex-group设置在.wood-wrapper中不起作用,因为它不是flex项。此外,信息框中将提供改进建议。

以前,Firefox在v65中引入了一种名为Flexbox Inspector的新颖CSS功能。

Flexbox Inspector可帮助开发人员了解CSS Flebox元素的大小,位置和嵌套。只要开发人员在标记视图中选择Flex容器或其他元素,Flexbox信息就会自动显示,开发人员可以在布局面板的“检查器”选项卡下看到它。

这些CSS工具为前端工程师或故障排除提供了极大的便利。有关详细信息,请参阅“阅读原文”。

开源中国征集论文!

开源中国是一个备受推崇的开源技术社区,拥有400多万开源技术精英。我们传播开源概念,推广开源项目,并为IT开发人员提供发现,使用和交流开源技术的平台。

现在我们开始申请外语了!如果您有优秀的技术文章要分享,热门行业信息需要报告等,请联系开源中国提交。有关详细信息和联系方式,请参阅:我想提交提交

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

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

以前,Firefox在v65中引入了一种名为Flexbox Inspector的新颖CSS功能。

Flexbox Inspector可帮助开发人员了解CSS Flebox元素的大小,位置和嵌套。只要开发人员在标记视图中选择Flex容器或其他元素,Flexbox信息就会自动显示,开发人员可以在布局面板的“检查器”选项卡下看到它。

这些CSS工具为前端工程师或故障排除提供了极大的便利。有关详细信息,请参阅“阅读原文”。

开源中国征集论文!

开源中国是一个备受推崇的开源技术社区,拥有400多万开源技术精英。我们传播开源概念,推广开源项目,并为IT开发人员提供发现,使用和交流开源技术的平台。

现在我们开始申请外语了!如果您有优秀的技术文章要分享,热门行业信息需要报告等,请联系开源中国提交。有关详细信息和联系方式,请参阅:我想提交提交

特别声明:本文由网易上传并由媒体平台“网易”作者发表,仅代表作者的观点。网易只提供信息发布平台。

跟进

跟进

0

参与

0

阅读下一篇文章

国庆节结束后,300个城市的销售收入被释放,房屋奴隶流下眼泪。

返回网易主页

下载网易新闻客户端

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

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

以前,Firefox在v65中引入了一种名为Flexbox Inspector的新颖CSS功能。

Flexbox Inspector可以帮助开发人员了解CSS Flebox元素的大小,位置和嵌套。只要开发人员在标记视图中选择Flex容器或其他元素,就会自动显示Flexbox信息,开发人员可以在布局面板中的Inspector标记下看到相应的内容。

这些CSS工具可为前端工程师或故障排除提供极大的便利。对于特定情况,您可以看到“阅读原始文本”。

开源中国草案!

开源中国是一个高度关注和有影响力的开源技术社区,拥有400多万开源技术精英。我们传播开源概念,推广开源项目,并为IT开发人员提供发现,使用和交换开源技术的平台。

现在我们开始起草了。如果您有优秀的技术文章要分享,需要报告热门行业信息等,请联系开源中国提交。有关提交的详细信息和联系信息,请参阅:我想提交我的提交。

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

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

以前,Firefox在v65中引入了一种名为Flexbox Inspector的新颖CSS功能。

Flexbox Inspector可帮助开发人员了解CSS Flebox元素的大小,位置和嵌套。只要开发人员在标记视图中选择Flex容器或其他元素,Flexbox信息就会自动显示,开发人员可以在布局面板的“检查器”选项卡下看到它。

这些CSS工具为前端工程师或故障排除提供了极大的便利。有关详细信息,请参阅“阅读原文”。

开源中国征集论文!

开源中国是一个备受推崇的开源技术社区,拥有400多万开源技术精英。我们传播开源概念,推广开源项目,并为IT开发人员提供发现,使用和交流开源技术的平台。

现在我们开始申请外语了!如果您有优秀的技术文章要分享,热门行业信息需要报告等,请联系开源中国提交。有关详细信息和联系方式,请参阅:我想提交提交

太阳能