[發明專利]一種基于瀏覽器插件的按元素截圖方法及裝置

有效

• 申請號: 201811068017.5
• 申請日: 2018-09-13
• 公開（公告）號: CN109284045B
• 公開（公告）日: 2021-11-05
• 發明（設計）人: 張聰;劉宇;黃柯薇;王松;陽傲傲;朱華東
• 申請（專利權）人: 武漢輕工大學
• 主分類號: G06F3/0484
• 分類號: G06F3/0484;G06F9/451
• 代理公司: 北京思創大成知識產權代理有限公司 11614
• 代理人: 董曉盈

公開了一種基于瀏覽器插件的按元素截圖方法及裝置。該方法及裝置包括：啟動瀏覽器截圖插件；移動鼠標至目標待截圖元素，跟蹤鼠標及鼠標停留位置，確定目標待截圖元素；基于識別html開始及結尾的標簽確定所述目標待截圖元素的截圖邊界；點擊完成圖像復制。本發明通過在瀏覽器內嵌入截圖插件，通過激發截圖插件，能夠完成對用戶鼠標的跟蹤，當鼠標移動到某個特定元素時，對html頁面元素的解析，識別對象元素的html開始及結尾標簽，自動框選此元素的所處標簽的范圍，確定截圖邊界進而獲得截圖。

技術領域

本發明涉及計算機截圖領域，更具體地，涉及一種基于瀏覽器插件的按元素截圖方法及裝置。

背景技術

截圖工具使我們常用的軟件小工具，很多情況下通過截圖工具截取重要內容圖片保存發送，已經成為眾多網民的使用習慣。現有的截圖工具主要是基于整個桌面進行，比如QQ截圖工具，360截圖插件以及Pc的Print Screen按鍵。但是在現有截圖使用中，很多時候我們會對網頁進行截圖，而且是一定程度上我們只是對網頁上的部分內容需要進行截圖，觀察現有的截圖工具可以發現如果要截取部分內容，需要自己來進行框選，一步一步自己調整截圖的外框，最后確認截圖區域。這一定程度上比較繁瑣，而且往往截圖的邊界不那么的和目標區域擬合。因此，有必要開發一種基于瀏覽器插件的按元素截圖方法及裝置。

公開于本發明背景技術部分的信息僅僅旨在加深對本發明的一般背景技術的理解，而不應當被視為承認或以任何形式暗示該信息構成已為本領域技術人員所公知的現有技術。

發明內容

本發明提出了一種基于瀏覽器插件的按元素截圖方法及裝置，其能夠通過跟蹤用戶鼠標移動，當鼠標移動到某個特定元素時，對html頁面元素的解析，自動框選此元素的所處標簽的范圍，確定截圖邊界進而獲得截圖。

根據本發明的一方面，提出了一種基于瀏覽器插件的按元素截圖方法，其特征在于，包括：

1)啟動瀏覽器截圖插件；

2)移動鼠標至目標待截圖元素，跟蹤鼠標及鼠標停留位置，確定目標待截圖元素；

3)基于識別html開始及結尾的標簽確定所述目標待截圖元素的截圖邊界；

4)點擊完成圖像復制。

優選地，還包括一鍵退出所述瀏覽器截圖插件。

優選地，在步驟3)中，通過人工手動調節截圖邊界獲得最優截圖邊界。

優選地，在步驟3)中，當目標待截圖元素存在多重嵌套的html開始及結尾標簽時，自動從最小層級html開始及結尾標簽向上擴大一個層級的html開始及結尾標簽，確定截圖邊界。

優選地，在步驟4)中，通過自動復制或手動復制的方式完成截圖復制。

根據本發明的另一方面，提出了一種基于瀏覽器插件的按元素截圖裝置。所述裝置可以包括：

啟動模塊，用于啟動瀏覽器截圖插件；

目標跟蹤模塊，用于鼠標移動至目標待截圖元素，跟蹤鼠標及鼠標停留位置，確定目標待截圖元素；

截圖邊界識別模塊，用于基于識別html開始及結尾的標簽確定所述目標待截圖元素的截圖邊界；

圖像復制模塊，用于完成截圖復制。

優選地，所述裝置還包括一鍵返回模塊，用于退出所述瀏覽器截圖插件。

優選地，在所述圖像復制模塊中，通過自動復制或手動復制的方式完成截圖復制。

優選地，還包括截圖區域增選模塊，用于當目標待截圖元素存在多重嵌套的html開始及結尾標簽時，自動從最小層級html開始及結尾標簽向上擴大一個層級的html開始及結尾標簽，確定截圖邊界。