嘿，我来帮你搞定这个Viewport控件的问题～结合你用的Chrome 66版本（Win8.1 64位），我给你梳理几个排查方向：

• 先检查DevTools窗口宽度：如果你的DevTools窗口拉得太窄，顶部工具栏的控件会自动折叠成右上角的三个点菜单（⋮），点这个菜单就能找到Viewport相关的选项——比如设备选择下拉框、分辨率输入栏这些，都是你要找的Viewport控件。
• 重置DevTools布局：有时候不小心改动了DevTools的UI布局，会导致控件“失踪”。你可以按Ctrl+Shift+P调出命令面板，输入Restore defaults and reload，回车确认重置，之后重新打开Device Mode，控件应该会回到默认位置。
• 确认版本对应的UI位置：你参考的文档截图是较新版本的DevTools，Chrome 66作为旧版本，UI布局会有差异。在这个版本里，开启Device Mode后，Viewport控件就在顶部工具栏里，紧挨着那个切换Device Mode的手机/电脑图标旁边，可能是一个显示当前设备（比如“Responsive”）的下拉框，或者直接显示分辨率的输入区域。
• 尝试分离DevTools窗口：把DevTools从浏览器主窗口分离出来（点右上角⋮菜单，选“Undock into separate window”），然后拉大这个独立窗口，原来被折叠的控件就会显示出来了。

如果以上方法都试过还是找不到，那可能是版本兼容性的小问题，但更大概率是你没注意到被折叠的菜单或者布局被改动了，按上面的步骤排查应该能解决～

内容的提问来源于stack exchange，提问作者Dave Pile