如何在 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:
选中相关框将禁用相应功能。
我正在尝试查看当 css 网格不可用时我的应用程序的外观。是否可以关闭 chrome 或 canary 内部的 css 网格等属性?
注释掉CSS网格即可。
/* .container { display: grid; } */
或者取消选中开发工具中的规则。
Chrome 将忽略所有网格属性,就像浏览器不支持该功能一样。
在 https://caniuse.com/#search=shape-outside 上检查后下载不支持此功能的旧版本 Chrome。
Chrome 的 CSS Feature Toggles 插件可以做到这一点。它在开发人员工具箱中添加了一个选项卡,其中包含各种 CSS 功能的复选框,这些功能在浏览器中很流行,但没有实现,例如 Grid:
选中相关框将禁用相应功能。