如何在打印预览模式下使用Chrome的元素检查器?

  • 回答 (2)
  • 关注 (0)
  • 查看 (118)

我正在开发一个网站,需要在打印视图上工作。 通常当我有布局问题时,我使用Chrome的元素检查器。 但是,这在打印预览模式下不存在。

是否有Chrome浏览器插件或其他方式来改变Chrome浏览器本身的查看介质,以查看打印机页面? 我想这不是一个Chrome特定的解决方案,但这是我的主要浏览器,所以有一个浏览器内解决方案将是很好的。

现在我只关注打印预览介质,但是能够更改为任何支持的介质类型

秋之夕颜清秋之夕颜清提问于
akjok54stay hungry stay foolish回答于

Chrome 48(也许还有几个版本)开始,这个功能似乎再次发生了变化:

前几个步骤是不变的:

按F12打开开发者工具

按ESC可以打开控制台

根据以前的答案,可以在“仿真”选项卡下找到该设置。如下图所示,现在它已经被移动到“渲染”选项卡,可以通过点击“控制台”选项卡左侧的三个点来提出。

心愿回答于

从Chrome 32开始,您可以在抽屉选项卡CSS media的Screen部分选择该Emulation选项。

只要启用它,选择print作为目标媒体类型,并且 - 看哪 - 你的网页几乎将被打印。

所属标签

可能回答问题的人

  • 西风

    renzha.net · 站长 (已认证)

    7 粉丝1 提问12 回答
  • 四无君

    0 粉丝0 提问3 回答
  • HKC

    红客学院 · 创始人 (已认证)

    26 粉丝7 提问2 回答
  • o o

    3 粉丝490 提问2 回答

扫码关注云+社区

领取腾讯云代金券