如何在 chrome 中关闭 css 的功能以进行测试,例如css 网格

How can I turn off features of css in chrome for testing e.g. css grid

我正在尝试查看当 css 网格不可用时我的应用程序的外观。是否可以关闭 chrome 或 canary 内部的 css 网格等属性?

注释掉CSS网格即可。

/* .container { display: grid; } */

或者取消选中开发工具中的规则。

Chrome 将忽略所有网格属性,就像浏览器不支持该功能一样。

https://caniuse.com/#search=shape-outside 上检查后下载不支持此功能的旧版本 Chrome。

Chrome 的 CSS Feature Toggles 插件可以做到这一点。它在开发人员工具箱中添加了一个选项卡,其中包含各种 CSS 功能的复选框,这些功能在浏览器中很流行,但没有实现,例如 Grid:

选中相关框将禁用相应功能。