chrome 打印布局_在打印预览模式下使用Chrome的Element Inspector？

慕容大雪花

Chrome v52 +：打开开发人员工具(Windows：F12或Ctrl+ Shift+ I，Mac：Cmd+ Opt+ I)单击自定义并控制DevTools汉堡包菜单按钮，然后选择更多工具>渲染设置(或在较新版本中渲染)。选中“ 渲染”选项卡上的“ 模拟打印介质”复选框，然后选择“ 打印介质类型”。Chrome v48 +(感谢Alex注意到)：打开开发人员工具(CTRLSHIFTI或F12)单击左上角的(切换设备模式)按钮(CTRLSHIFTM)。通过单击(1)菜单中的显示控制台确保显示控制台(ESC如果开发人员工具栏具有焦点，则键切换控制台)。选中“渲染”选项卡上的“ 模拟打印介质 ”，可以通过选择(2)中的菜单中的“ 渲染”来打开该介质。Chrome v46 +：打开开发人员工具(CTRLSHIFTI或F12)单击左上角的“ 切换设备模式”按钮(1)。通过单击菜单按钮(2)> 显示控制台(3)或ESC按键切换控制台(仅在开发人员工具栏具有焦点时有效)，确保显示控制台。打开仿真(4)>媒体(5)选项卡，检查CSS媒体并选择打印(3)。Chrome v43 +：步骤2中的抽屉图标已更改。Chrome v42：打开开发人员工具(CTRLSHIFTI或F12)单击左上角的“ 切换设备模式”按钮(1)。通过单击“ 显示”抽屉按钮(2)或ESC按键切换抽屉，确保显示抽屉。在Emulation> Media下检查CSS媒体并选择print(3)。