Chrome开发者工具启用Device Frame后仍不可见的问题求助
Chrome开发者工具Device Frame不显示的解决办法
- 确认设备类型是否支持框架:别选「响应式」模式,这个模式没有设备框架,得选具体的手机、平板型号(比如iPhone 14、Pixel 7),再开启Device Frame开关。
- 找准Device Frame的开关位置:在开发者工具的设备工具栏(就是点手机图标切换的那栏)最右边,有个带虚线框的手机轮廓图标,确保这个按钮是高亮选中状态。
- 重置开发者工具设置:要是之前乱改了设置导致冲突,按这几步来:
- 打开开发者工具,点右上角三个点的设置菜单
- 选「Settings」选项
- 切到「Preferences」标签页,拉到底部点「Restore defaults and reload」
- 重置缩放比例:如果开发者工具缩放不是100%,可能会让框架显示异常。按
Ctrl + 0(Windows/Linux)或Cmd + 0(Mac)就能恢复默认缩放。 - 确保设备工具栏没被隐藏:要是设备工具栏不见了,按
Ctrl + Shift + M(Windows/Linux)或Cmd + Shift + M(Mac)重新调出来,再开Device Frame。
内容的提问来源于stack exchange,提问作者Sepehr
相关产品推荐
相关产品推荐

