HTML 渲染設定

從 HTML 字串、文件或 Web URL 渲染時,可以配置許多渲染選項。 以上設定包括自訂紙張尺寸(可設定計量單位)、啟用 HTML 背景、頁面方向、文件標題、延遲渲染流程、指定 CSS 媒體類型、選擇紙張模式、建立可編輯表單欄位、自訂邊距以及新增頁碼。

CSS 媒體類型"screen"和"print"是指令,用於根據顯示或輸出媒介指定如何將樣式套用至 HTML 文件。 當選擇"螢幕"作為媒體類型時,表示 CSS 規則旨在用於螢幕觀看,針對數位螢幕優化顏色和佈局等因素。 相反,當選擇"列印"時,它會指示瀏覽器套用專為列印文件定制的樣式,從而確保在將 HTML 內容列印到實體媒體上時具有可讀性和正確的格式。 有時需要將 CSS 媒體類型設為"screen"才能顯示某些背景圖片。

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

解釋:

  • HTML Structure: The code is structured in a standard HTML5 format with a <code><head></code> and <code><body></code> section.
  • Metadata: The <code><meta></code> tags define the character set and viewport for responsive design.
  • 樣式表:

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

在 GitHub 上找到更多 PDF 生成設定範例。

準備好開始了嗎?
版本: 2025.12 剛發表