当开发工具中无CSS Overview选项时,如何开启该功能?
解决找不到CSS Overview选项的问题
以下是几种排查和解决的思路:
检查浏览器版本
CSS Overview是Chrome DevTools的实验性功能,只有较新版本的Chrome才支持。先把Chrome更到最新稳定版:点击右上角三个点→帮助→关于Google Chrome,系统会自动检测并完成更新,重启浏览器后再试。调整查找方式
有些新版本中DevTools的实验功能入口可能有微调。打开DevTools后按F1(Windows)或Fn+F1(Mac)打开设置,直接在设置顶部的搜索框输入「CSS Overview」,能快速定位到该选项,不用手动找Experiments板块。重置DevTools配置
如果之前改过DevTools的自定义设置,可能导致选项被隐藏。在设置页面拉到最底部,点击「Restore defaults and reload」按钮重置,重启DevTools后再去实验功能里找。换Chrome浏览器尝试
如果你用的是Edge、Firefox这类非Chrome浏览器,CSS Overview是Chrome独有的实验功能,其他浏览器可能没有或者入口不同,建议切换到最新版Chrome操作。
内容的提问来源于stack exchange,提问作者Sue
相关产品推荐
相关产品推荐

