2013-05-26 37 views
12

Version viết tắt:xem trước khi in Chrome thay đổi kiểu dáng của trang web

Tôi đang sử dụng Chrome 27.0.1453.94 trên Windows 7 Pro

tôi đi đến http://www.try-phpbb.com/30x/ sử dụng Chrome

tôi chọn Print .. . Lưu dưới dạng PDF

Xem trước bản in trông không giống trang web - bố cục, liên kết, phông chữ đều sai.

Tại sao?

Tôi làm cách nào để sửa lỗi này để tạo kiểu PDF giống như trang web?

Version Long:

Tôi là một thành viên của một diễn đàn an toàn (tức là phải đăng nhập để truy cập), đó là căn cứ vào diễn đàn phpBB mẫu (https://www.phpbb.com/). Diễn đàn của chúng tôi sẽ được xóa tất cả các chủ đề và bài đăng sớm để nhường chỗ cho vòng đăng ký tiếp theo.

Chúng tôi đã được người kiểm duyệt cho phép (thậm chí được khuyến khích) tải xuống nội dung của từng chủ đề/chủ đề/bài và viết chúng thành các tệp PDF để chúng tôi có thể tiếp tục tham chiếu trong tương lai. Chúng tôi phải tự làm điều này, và tôi tình nguyện làm công việc như tôi có một nền tảng CNTT. Nhưng việc chứng minh nó khó hơn tôi tưởng.

Tôi đã hy vọng để làm quá trình này sau ...

  1. Tải về và thêm "Stylish" Chrome Extension (https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe)
  2. Thêm mã CSS để phong cách để thay đổi sự xuất hiện của các trang diễn đàn sẵn sàng cho việc di chuyển PDF
  3. Trong Chrome sử dụng In | Lưu dưới dạng PDF để lưu trang được tạo kiểu dưới dạng tài liệu PDF
  4. Đối với các diễn đàn nhiều trang, lặp lại quy trình này cho từng trang và sau đó sử dụng PDFMate (hoặc tương tự) để nối các tài liệu PDF với nhau thành một tệp PDF dài.

Bước 1, 2 và 4 đang hoạt động hoàn hảo, nhưng bước 3 thì không.

Bản xem trước bản in trong Chrome sẽ làm nổi bật giao diện của trang diễn đàn. Kiểu dáng bố trí bị mất, phông chữ hoàn toàn khác nhau, liên kết bị thiếu hoặc trông khủng khiếp. Ví dụ: thử in trang này (http://www.try-phpbb.com/30x/) - có vẻ hoàn toàn khác trong bản xem trước bản in cho giao diện của trình duyệt.

Có điều gì tôi có thể làm để khắc phục sự cố này không? Tôi có thể bằng cách nào đó cung cấp cho các phiên bản xem trước bản in một số mã CSS để restyle nó? Bất cứ ai biết tại sao điều này sẽ xảy ra?

Hoặc cách khác, bạn có thể đề xuất giải pháp khác để chuyển đổi HTML sang PDF không? Tôi đã thử các tiện ích mở rộng của Chrome "iWeb2x" và "Gửi tới Google Drive" nhưng không thành công - vì diễn đàn được bảo mật, tệp PDF mà họ tạo là trang Đăng nhập của diễn đàn, không phải trang chủ đề của diễn đàn mà tôi đang xem.

Bất kỳ trợ giúp nào được đánh giá cao - cảm ơn.

Trả lời

11

Có một cái nhìn ở đây, có lẽ đó là hữu ích

http://www.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Bạn có thể thiết lập phong cách css của riêng bạn cho các trang in.

Hy vọng nó sẽ giúp, coi

+0

Đề xuất tuyệt vời - cảm ơn bạn đã chiếu sáng đường. Tôi chỉ đơn giản là lấy phong cách từ nguồn trang, và sao chép chúng vào phong cách "phong cách" được xác định và bao quanh chúng với @media print {...} tuyệt vời - cảm ơn bạn đời. – Drew

0

Tôi đã có một trường hợp, nơi mà nếu các iframe là display: none, css không được tải, do đó không in phong cách CSS đúng. Bạn có thể sửa nó với khả năng hiển thị: ẩn; Và kích thước không

Các vấn đề liên quan