使用 Chrome 來測試 Printer CSS | 老洪的 IT 學習系統

由於很多時候在網頁上的資料還是會需要產生 PDF 之類的，所以需要用到 Printer CSS

但測試上就挺麻煩的，好在 Chrome 有提供方便的工具可以使用喔!

開啟 DevTools 並按下 [ctrl] + [shift] + [P]
輸入 Show Rendering 然後 Enter
出現 Rendering Tab

在這個畫面把 Emulate CSS media type 那邊選擇 Print 即可

圖片來源:

https://www.keycdn.com/blog/chrome-devtools

https://allprowebdesigns.com/2020/01/how-to-create-printer-friendly-pages-with-css/

Facebook 討論區載入中...