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

Question

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

正如你在这里看到的：

Chrome 打印对话框不提供适合页面、横向和其他打印选项

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

但是，一位评论者建议使用 css来解决此问题。

将以下 css 添加到您的 web 应用程序可解决此问题。 Google 在此修复后显示布局选项。

@page { 大小：横向； }

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

有人可以解释如何/在哪里使用开发工具将其添加到页面样式中以使其成为横向吗？ 我可以按照这些说明添加 css ，但我怀疑我没有在正确的位置添加它。

我找不到要求更改或删除肖像的样式，但我确信有很多我不熟悉的方法可以做到这一点。

编辑：

根据@Rojo，我可以使用此处的方法添加 css。 进一步使用它，我能够将代码制作成一个片段，因此我可以在需要时在任何行为不端的页面上重新运行它。

这是代码段：

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);

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