使用 Chrome 來測試 Printer CSS
  • 2,338 views,
  • 2020-02-12,
  • 上傳者: Kuann Hung,
  •  0
d2e45a102e9d7f8da4d694a7059fc915.jpg
由於很多時候在網頁上的資料還是會需要產生 PDF 之類的,所以需要用到 Printer CSS
但測試上就挺麻煩的,好在 Chrome 有提供方便的工具可以使用喔!
步驟
1.
開啟 DevTools 並按下 [ctrl] + [shift] + [P] 
 
2.
輸入 Show Rendering 然後 Enter
3.
出現 Rendering Tab
在這個畫面把 Emulate CSS media type 那邊選擇 Print 即可
d5a7829417fce5969fe5f2892ff5a82d.png
Facebook 討論區載入中...
資料夾 :
發表時間 :
2020-02-12 14:42:17
觀看數 :
2,338
發表人 :
Kuann Hung
部門 :
老洪的 IT 學習系統
QR Code :