谷歌日曆打印如何工作？

Question

我正在使用JQuery創建ASP.NET日曆， 而我正在嘗試實現打印。 我可以打印簡單的HTML或圖像沒有問題。 但我不知道如何構建像谷歌日曆打印的打印。

當您在「日曆打印預覽」彈出有更多的選擇（跨瀏覽器），在打印對話框打印 一些這方面的打印對話框是如何從一個簡單的瀏覽器打印， 不同他們似乎有更多的控制例如設置橫向打印。

任何人都知道如何實現這個？

感謝

Answer 1

這只是與發佈到生成一個PDF文檔的服務器端腳本一些選項的彈出窗口。

你可以使用

<link media="print" rel="stylesheet" type="text/css" href="main.css" /> 

做而不使用生成圖像/ PDF服務器端腳本類似的東西。

注意media =「print」，這意味着給定的樣式表將在打印頁面時使用。您可以指定自定義CSS規則（如隱藏導航，使日曆在紙上看起來不錯）等。

編輯：

迴應評論。如果將html轉換爲pdf，它看起來完全一樣。當您在Google日曆中提交該表單時，他們會採用所有這些選項並從中生成pdf。如果您選擇風景，他們將旋轉頁面並重新計算所有內容，以使其適合頁面。爲了簡化它，他們根據您提交的選項在服務器端繪製圖像並將其放入pdf。

這並不是那麼簡單，如果你以前沒有做過。我會在打印頁面中使用css和JavaScript來查看是否可以通過使用JS和css規則在橫向和縱向之間切換（使用2個按鈕 - 「橫向」，「縱向」，當用戶點擊它們時模仿這種東西你改變你的日曆的CSS規則，以適應給定的紙張大小）。再一次，如果你不熟悉CSS，那麼它將很難。

沒有確定的答案，谷歌的路徑非常好，但它不是很容易重現。

更多信息請見評論。