一、業(yè)務場景介紹

B/S軟件系統(tǒng)比C/S系統(tǒng)有很多優(yōu)點，但打印功能，尤其是套索方面，無法與C/S系統(tǒng)相比。這里主要通過實際應用程序集的例子來簡要說明web打印方法。這只是一種方法，可能不是最佳的，但已經(jīng)可以在實際使用中搜索更多的方法了。(約翰f肯尼迪)。

網(wǎng)頁顯示樣式

二、打印實現(xiàn)部分代碼

打印是使用jquery的打印插件jquery.print實現(xiàn)的，兼容谷歌瀏覽器，當然包括國內(nèi)主要的qq瀏覽器、360瀏覽器、搜狗瀏覽器等等的極速模式，因為其極速模式的核心就是谷歌瀏覽器的核心，打印插件項目地址是：。

套打主要在于調(diào)整打印文字的位置，這里我主要是通過掃描一張實際的申通物流單作為背景來做定位的基本參考，然后根據(jù)申通物流單的結(jié)構將頁面用左右兩個div進行分割，然后每個div中用li元素進行定位，主要設置li的 上下左右的距離進行定位，最后拿打印機進行實測，實測中不停的調(diào)整位置，最后完工。

li定位打印文字的html代碼

js打印代碼

三、直接靜默打印的實現(xiàn)：

打印功能中點擊打印后都需要一個預覽的界面，可以設置頁眉頁腳、打印機等等參數(shù)，但是當我們設置穩(wěn)定后每次都預覽浪費時間，可以通過建立一個新的谷歌瀏覽器快捷方式，增加一些啟動參數(shù)來實現(xiàn)直接打印，具體如下：

新建Chrome快捷方式增加如下參數(shù):

--kiosk-printing

建立快捷方式

打印預覽界面

四、寫在最后

申通這個例子是公司項目中實際運用的例子，已經(jīng)使用的一年多的時間，當然其他的套打可以依照自己完成，申通物流單套打的完整代碼可以訪問github下載：

歡迎提問！