如何在Chrome/Canary中关闭CSS Grid等CSS特性以做测试？

当然可以！Chrome和Canary都提供了非常便捷的方式来禁用CSS Grid，帮你轻松测试当这个特性不可用时应用的显示效果，具体操作步骤如下：

• 首先打开浏览器的开发者工具：可以使用快捷键F12，或者Ctrl+Shift+I（Windows/Linux）、Cmd+Opt+I（Mac），也可以右键页面选择「检查」打开。
• 切换到Rendering面板：如果顶部菜单栏没看到这个面板，点击右侧的「>>」按钮展开更多面板，找到并选择「Rendering」。
• 在Rendering面板中，找到Disable CSS features的下拉选项，展开后勾选「CSS Grid Layout」。
• 完成勾选后页面会自动刷新，此时CSS Grid就被完全禁用了，你可以直接查看应用在无Grid支持下的表现。

测试完成后，记得取消勾选这个选项，就能恢复浏览器对CSS Grid的正常支持啦。

内容的提问来源于stack exchange，提问作者John Abraham