Firefox 65 將加入 Flexbox Inspector 開(kāi)發(fā)者工具

計(jì)劃于本月 29 日發(fā)布的 Firefox 65 開(kāi)發(fā)者工具中將加入 Flexbox Inspector 功能。Flexbox Inspector 是一個(gè)新的開(kāi)發(fā)者工具,可幫助開(kāi)發(fā)者了解 Flebox 元素的大小、位置與嵌套情況。CSS Flexbox(彈性盒子)是一種越來(lái)越流行的布局模型,它是一種用于在行或列中布局元素的一維布局方法,彈性元素可填充頁(yè)面額外空間,也可以適當(dāng)收縮以適合較小的空間,有助于構(gòu)建強(qiáng)大的動(dòng)態(tài)頁(yè)面,但是它的學(xué)習(xí)曲線非常陡峭。

開(kāi)發(fā)者在一篇博客上具體介紹了該功能的研發(fā)背景與特性。作者說(shuō) FleXbox的難度之大,甚至當(dāng)初團(tuán)隊(duì)在開(kāi)始 Flexbox Inspector 項(xiàng)目的時(shí)候都不確定自己足夠了解 Flexbox,也不清楚將面臨什么困難。

經(jīng)過(guò)一系列研究與設(shè)計(jì),最終完成了 Flexbox Inspector 項(xiàng)目,作者表示,花了很大精力去做這個(gè)功能之后,他們擔(dān)心它會(huì)被淹沒(méi)在龐大的 Firefox 開(kāi)發(fā)者工具集里,使得人們無(wú)法找到它或者不想去使用它。于是他們對(duì)此采取了積極主動(dòng)的態(tài)度:只要開(kāi)發(fā)者在標(biāo)記視圖中選定了 Flex 容器或其它元素,那么就會(huì)自動(dòng)出現(xiàn) Flexbox 信息,開(kāi)發(fā)者可以在布局面板中的 Inspector 標(biāo)簽下看到相應(yīng)內(nèi)容。

目前該功能可以在 Firefox 開(kāi)發(fā)者版本中試用,更具體內(nèi)容查看原博客:

https://hacks.mozilla.org/2019/01/designing-the-flexbox-inspector

推薦DIY文章
聯(lián)想小新Air14 2023公開(kāi)部分規(guī)格:新筆電將搭載下沉式鍵盤(pán)
朗科新推絕影NV5000-t固態(tài)硬盤(pán) 溫控技術(shù)更高 售價(jià)暫未公布
2022款iPadPro將可使用視頻編輯軟件達(dá)芬奇 使用軟件更專業(yè)
蘋(píng)果全新推出AppleTV 4K產(chǎn)品:流式傳輸可以千兆以太網(wǎng)進(jìn)行
智己L7SnakePerformance高性能版:新車(chē)瞄準(zhǔn)數(shù)秒級(jí)圈速提升
閃迪大師PRO-G40SSD外置固態(tài)硬盤(pán):兼具極速傳輸與耐用優(yōu)點(diǎn)
精彩新聞

超前放送