[發明專利]用戶終端及網頁圖片資源加載裝置與方法

在審

• 申請號: 201710061038.3
• 申請日: 2017-01-25
• 公開（公告）號: CN108280101A
• 公開（公告）日: 2018-07-13
• 發明（設計）人: 吳偉勇
• 申請（專利權）人: 廣州市動景計算機科技有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京超凡志成知識產權代理事務所(普通合伙) 11371
• 代理人: 呂靜

本發明實施例提供了一種用戶終端及網頁圖片資源加載裝置與方法，涉及瀏覽器技術領域。該用戶終端及網頁圖片資源加載裝置與方法，在無圖瀏覽模式下，對獲取到的網頁數據進行頁面解析以生成DOM樹；遍歷并檢測所述DOM樹中的DOM樹節點是否包括有需要加載的外聯圖片資源；依據所述DOM樹節點是否包括有需要加載的外聯圖片資源而確定所述外聯圖片資源的加載規則，從而不會屏蔽使用背景圖來體現視覺效果的網頁的部分功能入口(可點擊的鏈接)以及網頁上使用了map/area機制的圖片資源，使得用戶可使用圖片資源可正常使用相關功能，從而提高了用戶的體驗感。

技術領域

本發明涉及瀏覽器技術領域，具體而言，涉及一種用戶終端及網頁圖片資源加載裝置與方法。

背景技術

移動瀏覽器是移動終端(智能手機/平板)用戶瀏覽移動互聯網網頁的主要工具。由于其主要的網絡接入方式是無線運營商網絡，怎樣減少用戶的無線運營商網絡流量(尤其國內的無線運營商網絡流量費用處于較高的水平)，是移動瀏覽器在功能實現上需要重點關注的命題。移動互聯網網頁主要的流量消耗是圖片/視頻/音頻等多媒體資源。

現有技術中主流的移動瀏覽器都提供了無圖模式功能，為對無線運營商網絡流量敏感的用戶提供了有效減少流量的一種可選的方式。但移動瀏覽器當前實現的無圖模式，是相對粗糙的，其會直接屏蔽網頁上所有外聯的圖片資源加載。當然，這種實現方式，可以讓減少圖片流量的效果最大化。但在某些場景下，會導致網頁自身的功能出現缺失。例如，通過對不同網頁的有圖/無圖模式的對比，主要有以下兩種場景，無圖模式會帶來一定的負體驗。1.網頁上有部分功能入口(可點擊的鏈接)使用背景圖來體現視覺效果。無圖模式下，這些功能入口視覺上不可見，用戶不能正常使用相關功能(比如站點的功能網頁的切換)。2.網頁上使用了基于圖片資源的map/area機制，在圖片上定義了不同的點擊區域，無圖模式下，由于圖片被屏蔽，這些可點擊區域對用戶不可見，從而也導致了用戶不能正常使用相關功能。

發明內容

本發明的目的在于提供一種用戶終端及網頁圖片資源加載裝置與方法，以改善上述的問題。

為了實現上述目的，本發明實施例采用的技術方案如下：

第一方面，本發明實施例提供了一種網頁圖片資源加載裝置，所述網頁圖片資源加載裝置包括：

頁面解析單元，用于在無圖瀏覽模式下，對獲取到的網頁數據進行頁面解析以生成DOM樹；

檢測單元，用于遍歷并檢測所述DOM樹中的DOM樹節點是否包括有需要加載的外聯圖片資源；

圖片資源加載單元，用于依據所述DOM樹節點是否包括有需要加載的外聯圖片資源而確定所述外聯圖片資源的加載規則。

第二方面，本發明實施例提供了一種網頁圖片資源加載方法，所述網頁圖片資源加載方法包括：

在無圖瀏覽模式下，對獲取到的網頁數據進行頁面解析以生成DOM樹；

遍歷并檢測所述DOM樹中的DOM樹節點是否包括有需要加載的外聯圖片資源；

依據所述DOM樹節點是否包括有需要加載的外聯圖片資源而確定所述外聯圖片資源的加載規則。

第三方面，本發明實施例還提供了一種用戶終端，所述用戶終端包括：

存儲器；

處理器；及

網頁圖片資源加載裝置，所述裝置安裝于所述存儲器中并包括一個或多個由所述處理器執行的軟件功能模塊，所述網頁圖片資源加載裝置包括：

頁面解析單元，用于在無圖瀏覽模式下，對獲取到的網頁數據進行頁面解析以生成DOM樹；

檢測單元，用于遍歷并檢測所述DOM樹中的DOM樹節點是否包括有需要加載的外聯圖片資源；