2013-05-26 50 views
12

短版本:鉻打印預覽改變網頁的樣式

我使用Chrome 27.0.1453.94在Windows 7專業版

我去http://www.try-phpbb.com/30x/使用Chrome

我選擇打印.. 。|另存爲PDF

打印預覽看上去一點也不像網頁 - 佈局,鏈接,字體都是錯的。

爲什麼?

我怎樣才能解決這個問題,使PDF風格的方式與網站一樣嗎?

長的版本:

我是一個安全論壇的成員(即需要登錄訪問),這是對phpBB論壇模板(https://www.phpbb.com/)基地。我們的論壇將盡快清除所有主題和帖子,爲下一輪用戶騰出空間。

我們已經獲得許可(甚至鼓勵)由主持人來下載每個主題/主題/帖子的內容,並寫入到PDF文件,所以我們可以繼續在未來引用它們。我們必須自己做這件事,並且由於我有IT背景,所以我自願做這項工作。但它證明比我想象的更難。

我希望做以下這個過程......

  1. 下載並加入「時尚」 Chrome擴展 (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe
  2. 添加CSS代碼,以時尚的修改論壇頁面的外觀準備用於PDF遷移
  3. 在Chrome中使用打印|另存爲PDF選項,樣式頁面保存爲PDF文檔
  4. 對於多頁的論壇,重複此過程爲每個頁面,然後使用PDFMate(或類似)的PDF文檔串接爲一個長PDF。

步驟1,2和4被完美的工作,但在步驟3不是。

Chrome中的打印預覽會關閉論壇頁面的外觀。佈局樣式丟失,字體完全不同,鏈接丟失或看起來很糟糕。例如,嘗試打印此頁面(http://www.try-phpbb.com/30x/) - 它在打印預覽中看起來與瀏覽器中的外觀完全不同。

有什麼我可以做的,以解決這個問題?我可以以某種方式給打印預覽版本一些CSS代碼來重新安裝它嗎?任何人都知道爲什麼這會發生?

或者,你可以建議另一種解決方案將HTML轉換成PDF?我已經嘗試過Chrome擴展程序「iWeb2x」和「發送到Google Drive」,但沒有成功 - 因爲論壇是安全的,他們創建的PDF文件是論壇的登錄頁面,而不是我目前正在查看的論壇主題頁面。

任何幫助非常感謝 - 謝謝。

回答

0

我有一個案子,其中如果iframe是顯示:無,在CSS沒有加載,從而不打印正確的CSS樣式。您可以使用可見性修復它:hidden;和尺寸爲零