關於前端頁面列印功能

2021-07-28 04:57:17 字數 1184 閱讀 4295

專案開發中,都有乙個這樣的需求:

當頁面設計好後需要列印出來,如網頁的的列印瀏覽和列印功能,有些公司需要讓前端開發好頁面列印出來或者轉為pdf格式的文件

如何實現??直接上例子

預覽功能可以使用谷歌瀏覽器,ie預覽功能同上,其他好像不支援

直接貼上到頁面(html)中就可以使用

lorem ipsum dolor sit amet, consectetur adipisicing elit. alias atque dignissimos et ex nam odio omnis, optio provident, quos reiciendis sint vel voluptatum. assumenda exercitationem necessitatibus perferendis quam veniam voluptates!

效果如下:

區域內指的是:你希望網頁列印的範圍**到**,比如乙個網頁你只想列印body部分,不想列印header,那就可以把body放在區域內即可。

方法:

lorem ipsum dolor sit amet, consectetur adipisicing elit. alias atque dignissimos et ex nam odio omnis, optio provident, quos reiciendis sint vel voluptatum. assumenda exercitationem necessitatibus perferendis quam veniam voluptates!

把需要列印的東西放置和中。

前端列印功能

window呼叫列印介面 title style pr.box style head body div class box h1 要列印的內容 h1 p 測試內容 p div div id pr 點選列印 div body html script function selector 獲取整個頁面 p...

前端列印功能css print

下面是關於前端列印功能的幾種整理,大家有什麼好的方法,還望提出。先謝謝啦 第一種 jquery有個列印功能的api printarea 不過這個特別要注意乙個就是列印出新空白,檢視原始碼,在原始碼中的doc iframe.contentwindow.document 使用時需要先open加上doc....

列印功能 列印預覽,列印部分頁面

window.print 預設列印整個頁面,可是我只想列印頁面的部分樣式,最簡單的一種方法是使用 css 的 查詢有針對列印的樣式,用 media print設定列印時除了要列印的內容,其它全部隱藏即可 設定列印樣式 瀏覽器預設情況下並不能列印出css中的背景內容 列印設定使用的是物理單位,所以尺寸...