在最新的 Firefox 70 Beta 版本中,引入了一項名為“Inactive CSS”(非沉悶 CSS)的功效,DevTool 新對象將為開發者鋪示哪些 CSS 屬性不會影響所選元素和緣故原由,這將大大節儉開發者的時間。
詳細環境是,中選中一個元素時,元素的 CSS 屬性若是對其沒有影響,那末這個屬性閣下會顯示一個信息框,申明其不會起作用,而且詮釋緣故原由。以上圖為例:flex-grow 的配置不會在 .outer-wrapper 中見效,由于它不是一個 flex 項。此百家樂外,信息框中還會給出改進倡議。 Flexbox Inspector 可以輔助開發者相識 CSS Flebox 元素的巨細、地位與嵌套環境。只需開發者在標志視圖當選定了 Flex 容器或者別的元素,那末就會主動浮現 Flexbox 信息,開發者可以在結構面板中的 Inspector 標簽下望到響應內容。 這些 CSS 對象關于前端工程師或者者故障排查都能供應極大的方便,詳細環境可以查望:
【義務編纂:張燕妮 TEL:(010)6撲克牌妞妞作弊8476606】 |