HTML 渲染設置

從 HTML 字串、檔案或網頁 URL 進行渲染時,可以配置許多渲染選項。 上面顯示的設置包括具有可配置測量單位的自定義紙張大小、啟用 HTML 背景、頁面方向、文件標題、延遲渲染過程、指定 CSS 媒體類型、選擇紙張模式、創建可編輯的表單欄位、自定義邊距和添加頁碼。

CSS 媒體類型「screen」和「print」是用於根據顯示或輸出媒介指定應如何將樣式應用於 HTML 文檔的指令。 當選擇「screen」作為媒體類型時,表示 CSS 規則是針對螢幕觀看而設計的,優化如顏色和佈局以適合數位螢幕。 相反地,當選擇「print」時,它會指示瀏覽器應用專為印刷文件量身定制的樣式,確保當 HTML 內容在實體媒體上打印時的可讀性和適當的格式。 有時需要將 CSS 媒體類型設置為「screen」來顯示某些背景圖像。

渲染過程中的延遲主要是為 JavaScript 或字型載入提供足夠的時間。

說明:

  • HTML 結構:代碼以標準 HTML5 格式結構化,包括 <head><body> 部分。
  • 中繼資料:meta 標籤定義了字符集和響應式設計的視窗配置。
  • 樣式表:

    • 預設正文樣式:設置適用於所有媒體的字體系列和邊距。
    • 螢幕媒體查詢:為數位螢幕應用淺灰背景和較深的文字。
    • 打印媒體查詢:為打印時應用白色背景和黑色文字。
  • 範例用法:給定的 HTML 和 CSS 結構有助於展示如何根據內容是在螢幕上查看或列印來應用不同的樣式。

在 GitHub 上發現更多 PDF 生成設置範例。

準備好開始了嗎?
版本: 2025.11 剛剛發布