打印插件很多，但是好用的不是很多，之前項目中經(jīng)常使用的是lodop打印插件，但是遇見新版本的谷歌瀏覽器后就經(jīng)常出現(xiàn)卡死現(xiàn)象，為此想把項目中常用的單頁打印模塊用其他插件替換，之前看過一篇使用hiprint打印插件的文章，看著使用起來不錯，就在項目中嘗試了一下。目前單頁面打印的沒問題，分頁打印的暫時有點問題還未解決，以下是我在項目中使用Hiprint的介紹：

hiprint官網(wǎng)：hiprint

下載最新版的V2.5.3 js插件。

該插件目前是免費的，也比較輕量，無需在客戶端安裝相關(guān)插件，體驗友好。

它支持頁面設(shè)計模板，但是我沒有用模板設(shè)計，用的是參數(shù)打印。

模板設(shè)計如下：

 我項目中使用的是參數(shù)打印。

function printView() {
    hiprint.init();
    var hiprintTemplate = new hiprint.PrintTemplate({ paperFooter: 340, paperHeader: 10 });
    
    var panel = hiprintTemplate.addPrintPanel();//默認添加A4大小的面板
    panel.paperNumberDisabled = true;
    
    panel.addPrintHtml({ options: { width: 180, height: 30, top: 20, left: 19, content: document.getElementById("divHead").outerHTML } });
   
    panel.addPrintHtml({ options: { width: 180, height: 30, top: 120, left: 19, content: document.getElementById("divBody").outerHTML } });
    panel.addPrintHtml({ options: { width: 180, height: 30, top: 780, left: 19, content: document.getElementById("divBottom").outerHTML } });
    
    hiprintTemplate.print();
}

轉(zhuǎn)自https://www.cnblogs.com/Im-Victor/p/17072548.html