chrome 新增的 css 样式调试能力 flex

css | chrome | 2021.10.8

今天调试页面样式，偶然间发现了一个 chrome 的新功能。对于声明为 flex 样式的元素，在chrome 开发者工具下可以看到：

image.png

点击下面按钮：

image.png

会弹出 flex 可选的样式列表，如下图所示：

image.png

在调试过程中，通过点击这些直观的代表样式的按钮，任意组合搭配它们，可以看到各种 flex 布局效果。

一些随想

chrome 作为一款浏览器，其功能已经越来越强大，强大到竞争对手也不得不使用其内核 chromium 来开发浏览器，比如 edge，由于其强大的影响力，它对浏览器标准的控制权也越来越强。从短期看，对开发人员来言，不但可以用到更好更快的功能，而且减少了兼容不同浏览器的工作量；不过从长期来看的话，强大的 chrome 也许并一定是一件好事，当其发展到足够强大时，就拥有了支配市场的权利，也许会像当前的 ie 一样，逐渐消亡，也许会像现在的 app store 一样，垄断着市场，不过对开发人员来说，都不是什么好事。