css | chrome | 2021.10.8
今天调试页面样式，偶然间发现了一个 chrome 的新功能。对于声明为 flex 样式的元素，在chrome 开发者工具下可以看到：
image.png
点击下面按钮：
image.png
会弹出 flex 可选的样式列表，如下图所示：
image.png
在调试过程中，通过点击这些直观的代表样式的按钮，任意组合搭配它们，可以看到各种 flex 布局效果。
一些随想
chrome 作为一款浏览器，其功能已经越来越强大，强大到竞争对手也不得不使用其内核 chromium 来开发浏览器，比如 edge，由于其强大的影响力，它对浏览器标准的控制权也越来越强。从短期看，对开发人员来言，不但可以用到更好更快的功能，而且减少了兼容不同浏览器的工作量；不过从长期来看的话，强大的 chrome 也许并一定是一件好事，当其发展到足够强大时，就拥有了支配市场的权利，也许会像当前的 ie 一样，逐渐消亡，也许会像现在的 app store 一样，垄断着市场，不过对开发人员来说，都不是什么好事。
css | chrome | 2021.10.8 今天调试页面样式，偶然间发现了一个 chrome 的新功能。对于...
HTML中引入CSS 3种方式 调试 选中相应元素后，在灰色的element.style｛｝中直接可以新增样式新增...
css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...
通过Chrome DevTools进行CSS样式调试方法 可以按照评估和快速修复、还原和重现、定位根源和修复这样的...
目录:1 基础认知2 基础选择器3 字体和文本样式4 chrome调试工具5 综合案例 一：CSS介绍 1 css...
父元素样式 子元素样式 参考 CSS Flexible Box Layout box-flex
调试 新增script调试脚本 npm run debug后打开chrome://inspect/,即可看...
在chrome浏览器中修改css文件，本地文件中的映射的css文件同步修改 一、CSS调试技巧 调试CSS 添加工...
css 部分 /* 实现滤镜关键CSS样式 */[data-filter*=image-] { flex: 0 1...
本文标题：chrome 新增的 css 样式调试能力 flex
本文链接：https://www.haomeiwen.com/subject/ksbxoltx.html
网友评论