尝试使用 css 解决长期存在的 Chrome 浏览器问题，即在打印时短暂显示页面方向选项然后隐藏它

Question

我正在尝试使用 chrome 浏览器横向打印网页（我无法控制）。

如您所见：

Chrome Print dialogue not offering fit to page, landscape, other printing options

这是一个长期存在的问题。

但是，一位评论者 suggested using css 解决了这个问题。

Adding following css to your webapp fixes this issue. Google shows Layout options after this fix.

@page { size: landscape; }

我在想我也许可以使用开发人员工具来添加那一点 css，但我对 css 太陌生了，无法让它工作。

有人可以准确地解释 how/where 使用开发工具将其添加到页面样式以使其成为横向吗？我可以添加 css following these directions，但我怀疑我添加的位置不正确。

我找不到要更改或删除的 style which requested portrait，但我确信有很多我不熟悉的方法可以做到这一点。

编辑：

根据@Rojo，我能够使用方法here to add the css. Further using this，我能够将代码变成一个片段，这样我就可以在任何有问题的页面上需要时重新运行它。

这是代码片段：

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '@page { size: auto; }';
document.getElementsByTagName('head')[0].appendChild(style);

Answer 1

您可以只获取此代码并将其插入控制台。

var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = 'content';
document.getElementsByTagName('head')[0].appendChild(style);

它只是创建一个新的样式标签并插入到头部。