Làm cách nào để sử dụng Firebug với tính năng xem trước bản in trong Firefox?

Question

thể trùng lặp:
How to see the print media CSS in Firebug?

Tôi đang làm việc trên một trang web Plone với nhiều @import và liên kết CSS và đang cố gắng để sử dụng thanh công cụ Web Developer để chỉ hiển thị css in .

Thật không may trên trang web cụ thể này css in của thanh công cụ nhà phát triển web có kiểu dáng ít hơn so với 'xem trước bản in' thông thường, sẽ không đặt lại mà không cần mở lại trang trong tab mới và thường bị hỏng. Ví dụ, Wikipedia đáp ứng tốt hơn với cùng tùy chọn 'xem chỉ in css'.

Tôi làm cách nào để sử dụng Firebug với bản trình bày xem trước bản in? Tôi có thể thể hiện khả năng in của các khai báo CSS khác nhau trong một thanh công cụ dành cho nhà phát triển web tương thích hơn không?

Answer 1

Các mặt hàng này, phù thủy có thể giúp bạn ra ngoài: http://neutroncreations.com/blog/easy-print-css-coding-using-firebug-and-web-developer-toolbar/

... Bằng cách sử dụng Firefox với hai người bạn thân của mình; Firebug và Thanh công cụ dành cho nhà phát triển web (tất cả các bạn đều sử dụng các công cụ này hàng ngày cho kỹ thuật front-end, đúng không?), Chúng ta có thể làm việc trên một tờ định kiểu in đơn giản như một cho màn hình. Quan sát.

Trước tiên, mở trang web của bạn trong Firefox, sau đó chúng tôi sẽ yêu cầu Thanh công cụ dành cho nhà phát triển web hiển thị trang bằng cách sử dụng in của bạn thay vì CSS màn hình bằng cách chọn CSS → Hiển thị CSS theo loại phương tiện → In từ Thanh công cụ dành cho nhà phát triển ...