电脑端Chrome打开developers.google.com全页面均显示移动端模式

嘿，碰到这种情况大概率是浏览器的设备模拟、缩放或者自定义设置搞的鬼，试试下面这些步骤，应该能快速解决：

• 关闭开发者工具的设备模拟器
  很多时候是误碰打开了设备模拟功能。按F12唤起开发者工具，看左上角那个手机+平板样式的「Toggle Device Toolbar」按钮——如果它是蓝色高亮的，点一下关掉就行。之后刷新页面，桌面端布局应该就回来了。

• 重置浏览器缩放比例
  要是缩放比例调得太低，页面也会自动适配移动端。按下Ctrl + 0（Windows/Linux）或者Cmd + 0（Mac）一键把缩放恢复到100%，再刷新页面试试。

• 清除网站的视图偏好设置
  Chrome会记住部分网站的视图设置，你可以右键页面空白处选「检查」打开开发者工具，在顶部的设备选择下拉框里，确保选的是「Responsive」或者明确的桌面设备（比如「Desktop」）。关闭开发者工具后重启浏览器，再访问网站看看。

• 排查扩展程序干扰
  有些页面优化、广告拦截类的扩展可能会篡改页面布局。试着暂时禁用所有Chrome扩展，然后重新访问developers.google.com——如果恢复正常了，再逐个开启扩展找到那个搞事的家伙。

• 重置Chrome到默认设置
  要是前面的方法都不管用，就试试重置浏览器设置：

  1. 打开Chrome设置，拉到最底部点「高级」
  2. 在「重置和清理」板块，选「将设置恢复为原始默认值」
  3. 确认重置后重启浏览器，再访问网站应该就正常了

内容的提问来源于stack exchange，提问作者Kenneth Assogba