Chrome中是否有可能使瀏覽器看起來像打印頁面

Question

長話短說。我正在開展一個巨大的項目。是的，我有一個print.css，它工作得很好。但最終總是預覽打印頁面令人沮喪。

甚至你不能檢查頁面的作品。有些元素完全不同。已經覆蓋他們現在有一個額外的160行我的print.css但是他們只是繼續顯示垂直而不是水平。

它會很好，如果chrome有一個擴展名或使用的東西，我會很高興，所以我可以檢查打印預覽或使瀏覽器像打印一樣操作。

Answer 1

看到這個答案，我相信這就是你要找的。

Using Chrome's Element Inspector in Print Preview Mode?

的Chrome V46 +：

• 打開開發者工具（CTRL + SHIFT + I或F12）
• 在左上角單擊切換設備模式按鈕（1） 。
• 確保通過單擊菜單按鈕（2）>顯示控制檯（3）或按ESC鍵切換控制檯（僅當開發人員工具欄具有焦點時， 工作）顯示控制檯。
• 打開Emulation（4）> Media（5）選項卡，選中CSS媒體並選擇打印（3）。

Answer 2

在測試過程中，您可以像在常規的舊樣式表中一樣將文件加載到文檔中。取下media="print"並使其適用於正常的屏幕並顯示。

Answer 3

我不確定您是否使用任何服務器端代碼，如果您添加了一個開關，它允許您在css文件之間跳轉作爲主樣式表，然後使用print.css作爲主樣式表。

如果您只使用純html添加print.css樣式表以及您的「main.css」，那麼只需在當時註釋掉您不想要的樣式表。