使用 Chrome 來測試 Printer CSS

使用 Chrome 來測試 Printer CSS

d2e45a102e9d7f8da4d694a7059fc915.jpg
由於很多時候在網頁上的資料還是會需要產生 PDF 之類的,所以需要用到 Printer CSS
但測試上就挺麻煩的,好在 Chrome 有提供方便的工具可以使用喔!
開啟 DevTools 並按下 [ctrl] + [shift] + [P] 
 
輸入 Show Rendering 然後 Enter
出現 Rendering Tab
在這個畫面把 Emulate CSS media type 那邊選擇 Print 即可
d5a7829417fce5969fe5f2892ff5a82d.png