一種實現web頁面部分列印的方法和裝置的製作方法
2023-05-28 00:12:26 1
專利名稱：一種實現web頁面部分列印的方法和裝置的製作方法
技術領域：
本發明涉及網際網路WEB技術領域，特別涉及一種實現WEB頁面部分列印的方法和 裝置。
背景技術：
隨著網際網路系統的高速發展，WEB頁面成為網際網路最廣泛的服務載體。WEB頁面可以在需要的時候進行列印，但目前的瀏覽器列印技術都是列印整個WEB頁面，而WEB頁面上太多的無關信息大量的浪費了用戶的紙張和墨水，既不環保也給用戶造成了極大的幹擾。
發明內容
有鑑於此，本發明提供了一種實現WEB頁面部分列印的方法和裝置，使得能有選擇地列印WEB頁面上的部分內容，避免了無關信息的幹擾，並能有效節約紙張墨水等耗材。為達到上述目的，本發明的技術方案是這樣實現的本發明公開了一種實現WEB頁面部分列印的方法，在瀏覽器上增加部分列印功能入口，並設置部分列印控制項，該方法包括當用戶觸發部分列印功能入口並在當前WEB頁面上選定區域時，部分列印控制項進行搜索，搜索到用戶選定區域的WEB頁面元素；部分列印控制項創建列印按鈕，當用戶點擊該列印按鈕時，部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中；在用戶選擇印表機和列印屬性後，部分列印控制項將用戶所選印表機的列印接口保存在內存中；部分列印控制項通過內存中保存的IHTML ELEMENT接口查詢到IHTMLELEMENTRENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口。在該方法中，所述部分列印控制項進行搜索，並搜索到用戶選定區域的WEB頁面元素包括部分列印控制項在WEB頁面的文檔對象模型DOM樹數據上搜索，搜索到用戶選定區域的WEB頁面元素。在搜索到用戶選定區域的WEB頁面元素之後，並在部分列印控制項創建列印按鈕之前，該方法進一步包括部分列印控制項將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。在部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中之後，並在用戶選擇印表機和列印屬性之前，該方法進一步包括部分列印控制項通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。在該方法中，使用IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口包括
使用IHTMLELEMENT RENDER接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口。本發明還公開了一種實現WEB頁面部分列印的裝置，該裝置包括部分列印模塊和內存模塊，部分列印模塊，用於在用戶觸發瀏覽器上的部分列印功能入口並在當前WEB頁面上選定區域時進行搜索，搜索到用戶選定區域的WEB頁面元素；和，用於創建列印按鈕，當用戶點擊該列印按鈕時，將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存模塊中；和，用於在用戶選擇印表機和列印屬性後，將用戶所選印表機的列印接口保存在內存模塊中；和，用於通過內存模塊中保存的IHTML ELEMENT接口查詢到IHTMLELEMENTRENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素輸，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口；內存模塊，用於保存WEB頁面元素的IHTML ELEMENT接口和用戶所選印表機的列印接口。、在該裝置中，所述部分列印模塊，用於在WEB頁面的文檔對象模型DOM樹數據上進行搜索，搜索到用戶選定區域的WEB頁面元素。在該裝置中，所述部分列印模塊，在搜索到用戶選定區域的WEB頁面元素之後，並在創建列印按鈕之前，進一步用於將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。在該裝置中，所述部分列印模塊，在將用戶選定區域的WEB頁面元素的IHTMLELEMENT接口保存在內存中之後，並在用戶選擇印表機和列印屬性之前，進一步用於通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。在該裝置中，所述部分列印模塊，用於使用IHTMLELEMENT RENDER接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口。由上述可見，本發明這種在瀏覽器上增加部分列印功能入口，並設置部分列印控制項，當用戶觸發部分列印功能入口並在當前WEB頁面上選定區域時，部分列印控制項進行搜索，搜索到用戶選定區域的WEB頁面元素；部分列印控制項創建列印按鈕，當用戶點擊該列印按鈕時，部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中；在用戶選擇印表機和列印屬性後，部分列印控制項將用戶所選印表機的列印接口保存在內存中；部分列印控制項通過內存中保存的IHTML ELEMENT接口查詢到IHTML ELEMENTRENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素輸，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口的技術方案，使得用戶能有選擇地列印WEB頁面上的部分內容，避免了無關信息的幹擾，並能有效節約紙張墨水等耗材。
圖I是本發明一種實現WEB頁面部分列印的方法的流程圖；圖2是本發明實施例中的用戶選定部分列印區域的頁面示意圖；圖3是本發明實施例中的一種實現WEB頁面部分列印的裝置的結構圖。
具體實施例方式為使本發明的目的、技術方案和優點更加清楚，下面將結合附圖對本發明實施方式作進一步地詳細描述。圖I是本發明一種實現WEB頁面部分列印的方法的流程圖。在瀏覽器上增加部分列印功能入口，並設置部分列印控制項，則如圖I所示，該方法包括101，當用戶觸發部分列印功能入口並在當前WEB頁面上選定區域時，部分列印控制項進行搜索，搜索到用戶選定區域的WEB頁面元素；102，部分列印控制項創建列印按鈕，當用戶點擊該列印按鈕時，部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中；103，在用戶選擇印表機和列印屬性後，部分列印控制項將用戶所選印表機的列印接口保存在內存中；104，部分列印控制項通過內存中保存的IHTML ELEMENT接口查詢到IHTML ELEMENTRENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口。IHTML ELEMENT 接口與 IHTML ELEMENT RENDER 接口都是 IE 的標準接口，前者是頁面元素的特徵接口，後者是頁面元素的渲染接口，後者可由前者獲得到。在圖I所示的方案中，在瀏覽器上增加部分列印功能入口具體可以為在瀏覽器的工具欄或者菜單上增加「部分列印」按鈕或菜單項。下面通過一個具體的例子對圖I所示的方案進行進一步的說明。本具體實施例包括如下步驟I. I在瀏覽器的工具欄或者菜單中增加一個「部分列印」的功能入口，如按鈕或者菜單項。並設置部分列印控制項。部分列印控制項可以採用IE瀏覽器提供的擴展功能接口實現，註冊為IE的加載項程序。1.2當用戶點擊「部分列印」功能入口後，用戶使用滑鼠在頁面上移動，以在當前WEB頁面上選定要列印的區域。部分列印控制項在WEB頁面的文檔對象模型(DOM)樹內存數據上進行搜索，搜索滑鼠坐標處的頁面元素，即搜索到用戶選定區域的WEB頁面元素，然後將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。例如，通過修改該選定區域WEB頁面元素的邊框屬性為紅色，以紅色邊框高亮框住該元素，目的是提示用戶，紅框範圍內為列印範圍。同時部分列印控制項在紅框的左上角創建「列印」按鈕，等待用戶點擊列印，如圖2所示。圖2是本發明實施例中的用戶選定部分列印區域的頁面示意圖。I. 3用戶如果移動滑鼠，則重複I. 2的過程，重新選擇列印區域。I. 4用戶點擊「列印」按鈕，部分列印控制項將當前高亮的頁面元素(即用戶選定區域的WEB頁面元素)的IHTML ELEMENT接口保存在內存數據中，並通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。IHTML ELEMENT接口為IE瀏覽器頁面文檔的標準接口。、
I. 5用戶選擇印表機和列印屬性後，部分列印控制項保存用戶所選印表機的列印接口(又稱「列印上下文」)到內存。I. 6利用IE瀏覽器提供的標準接口，部分列印控制項通過內存中保存的頁面元素IHTMLELEMENT 接口查詢到 IHTML ELEMENT RENDER 接口，並使用該 IHTMLELEMENT RENDER 接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存中保存的列印接口輸出到用戶所選印表機的列印接口。則用戶所選擇的印表機會列印用戶選定區域的頁面，而不會列印整個頁面。上述方案使得用戶能夠有選擇地列印WEB頁面的部分內容，避免了無關信息的幹擾，並節省了紙張墨水等耗材。基於上述實施例給出本發明中的實現WEB頁面部分列印的裝置。 圖3是本發明實施例中的一種實現WEB頁面部分列印的裝置的結構圖。如圖3所示，該裝置包括部分列印模塊301和內存模塊302，部分列印模塊301，用於在用戶觸發瀏覽器上的部分列印功能入口並在當前WEB頁面上選定區域時進行搜索，搜索到用戶選定區域的WEB頁面元素；和，用於創建列印按鈕，當用戶點擊該列印按鈕時，將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存模塊302中；和，用於在用戶選擇印表機和列印屬性後，將用戶所選印表機的列印接口保存在內存模塊302中；和，用於通過內存模塊中保存的IHTML ELEMENT接口查詢到IHTML ELEMENT RENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素輸，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口 ；內存模塊302，用於保存WEB頁面元素的IHTML ELEMENT接口和用戶所選印表機的列印接口。在上述裝置中，所述部分列印模塊301，用於在WEB頁面的文檔對象模型DOM樹數據上進行搜索，搜索到用戶選定區域的WEB頁面元素。在上述裝置中，所述部分列印模塊301，在搜索到用戶選定區域的WEB頁面元素之後，並在創建列印按鈕之前，進一步用於將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。在上述裝置中，所述部分列印模塊301，在將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中之後，並在用戶選擇印表機和列印屬性之前，進一步用於通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。在上述裝置中，所述部分列印模塊301，用於使用IHTMLELEMENTRENDER接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口。綜上所述，本發明這種在瀏覽器上增加部分列印功能入口，並設置部分列印控制項，當用戶觸發部分列印功能入口並在當前WEB頁面上選定區域時，部分列印控制項進行搜索，搜索到用戶選定區域的WEB頁面元素；部分列印控制項創建列印按鈕，當用戶點擊該列印按鈕時，部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中；在用戶選擇印表機和列印屬性後，部分列印控制項將用戶所選印表機的列印接口保存在內存中；部分列印控制項通過內存中保存的IHTML ELEMENT接口查詢到IHTMLELEMENT RENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素輸，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口的技術方案，使得用戶能有選擇地列印WEB頁面上的部分內容，避免了無關信息的幹擾，並能有效節約紙張墨水等耗材。以上所述僅為本發明的較佳實施例而已，並非用於限定本發明的保護範圍。凡在本發明的精神和原則之內所作的任何修改、等同替換、改進等，均包含在本發明的保護範圍內。權利要求
1.一種實現WEB頁面部分列印的方法，其特徵在於，在瀏覽器上增加部分列印功能入口，並設置部分列印控制項，該方法包括 當用戶觸發部分列印功能入口並在當前WEB頁面上選定區域時，部分列印控制項進行搜索，搜索到用戶選定區域的WEB頁面元素； 部分列印控制項創建列印按鈕，當用戶點擊該列印按鈕時，部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中； 在用戶選擇印表機和列印屬性後，部分列印控制項將用戶所選印表機的列印接口保存在內存中； 部分列印控制項通過內存中保存的IHTML ELEMENT接口查詢到IHTMLELEMENT RENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口。
2.根據權利要求I所述的方法，其特徵在於，所述部分列印控制項進行搜索，並搜索到用戶選定區域的WEB頁面元素包括 部分列印控制項在WEB頁面的文檔對象模型DOM樹數據上搜索，搜索到用戶選定區域的WEB頁面元素。
3.根據權利要求I所述的方法，其特徵在於，在搜索到用戶選定區域的WEB頁面元素之後，並在部分列印控制項創建列印按鈕之前，該方法進一步包括部分列印控制項將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。
4.根據權利要求I所述的方法，其特徵在於，在部分列印控制項將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中之後，並在用戶選擇印表機和列印屬性之前，該方法進一步包括 部分列印控制項通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。
5.根據權利要求I所述的方法，其特徵在於，使用IHTMLELEMENTRENDER接口將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口包括 使用IHTMLELEMENT RENDER接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存中所保存的列印接口輸出到用戶所選印表機的列印接口。
6.一種實現WEB頁面部分列印的裝置，其特徵在於，該裝置包括部分列印模塊和內存模塊， 部分列印模塊，用於在用戶觸發瀏覽器上的部分列印功能入口並在當前WEB頁面上選定區域時進行搜索，搜索到用戶選定區域的WEB頁面元素；和，用於創建列印按鈕，當用戶點擊該列印按鈕時，將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存模塊中；和，用於在用戶選擇印表機和列印屬性後，將用戶所選印表機的列印接口保存在內存模塊中；和，用於通過內存模塊中保存的IHTML ELEMENT接口查詢到IHTMLELEMENT RENDER接口，使用該IHTML ELEMENT RENDER接口將用戶選定區域的WEB頁面元素輸，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口； 內存模塊，用於保 存WEB頁面元素的IHTML ELEMENT接口和用戶所選印表機的列印接□。
7.根據權利要求6所述的裝置，其特徵在於， 所述部分列印模塊，用於在WEB頁面的文檔對象模型DOM樹數據上進行搜索，搜索到用戶選定區域的WEB頁面元素。
8.根據權利要求6所述的裝置，其特徵在於， 所述部分列印模塊，在搜索到用戶選定區域的WEB頁面元素之後，並在創建列印按鈕之前，進一步用於將用戶選定區域的WEB頁面元素的邊框按設定方式突出顯示給用戶。
9.根據權利要求6所述的裝置，其特徵在於， 所述部分列印模塊，在將用戶選定區域的WEB頁面元素的IHTMLELEMENT接口保存在內存中之後，並在用戶選擇印表機和列印屬性之前，進一步用於通過調用Windows系統的列印參數設置函數，彈出列印對話框，供用戶選擇印表機和列印屬性。
10.根據權利要求6所述的裝置，其特徵在於， 所述部分列印模塊，用於使用IHTMLELEMENT RENDER接口的DrawToDC功能函數將用戶選定區域的WEB頁面元素，根據內存模塊中所保存的列印接口輸出到用戶所選印表機的列印接口。
全文摘要
本發明公開了一種實現WEB頁面部分列印的方法和裝置。所述方法包括當觸發部分列印功能入口時，部分列印控制項搜索用戶選定區域的WEB頁面元素；當用戶點擊列印按鈕時，將用戶選定區域的WEB頁面元素的IHTML ELEMENT接口保存在內存中；在用戶選擇印表機和列印屬性後，將用戶所選印表機的列印接口保存在內存中；部分列印控制項通過IHTMLELEMENT接口查詢到IHTML ELEMENT RENDER接口，使用該接口將用戶選定區域的WEB頁面元素輸出到用戶所選印表機的列印接口。本發明的技術方案使得能夠有選擇地列印WEB頁面上的部分內容，避免了無關信息的幹擾，並能有效節約紙張墨水等耗材。
文檔編號G06F3/12GK102736878SQ20121021785
公開日2012年10月17日 申請日期2012年6月27日 優先權日2012年6月27日
發明者郝永建 申請人:北京新媒傳信科技有限公司