嘗試使用 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);

它只是創建一個新的樣式標簽並插入到頭部。