使用 Chrome 來測試 Printer CSS
上一篇
下一篇
步驟
由於很多時候在網頁上的資料還是會需要產生 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 討論區載入中...