[發(fā)明專利]網(wǎng)頁內(nèi)容顯示控制系統(tǒng)及方法

在審

• 申請?zhí)枺?/td>: 201210103978.1
• 申請日: 2012-04-11
• 公開（公告）號: CN103365930A
• 公開（公告）日: 2013-10-23
• 發(fā)明（設計）人: 陸欣;劉耀華
• 申請（專利權）人: 富泰華工業(yè)（深圳）有限公司;鴻海精密工業(yè)股份有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30;G06F3/0485
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發(fā)明涉及一種網(wǎng)頁內(nèi)容顯示控制系統(tǒng)及方法。

背景技術

目前，平板電腦、上網(wǎng)本以及手機等電子設備上均安裝有網(wǎng)頁瀏覽器，以便用戶使用該等電子設備瀏覽網(wǎng)絡內(nèi)容。一般而言，大多數(shù)的瀏覽器在開啟一個網(wǎng)頁時，都是將整個網(wǎng)頁的內(nèi)容下載到電子設備上，然后用戶可根據(jù)需要通過移動瀏覽器的滾動條瀏覽網(wǎng)頁中的不同內(nèi)容。然而，對于一部分用戶而言，只需要瀏覽該網(wǎng)頁中的其中一部分內(nèi)容，因此，通過將整個網(wǎng)頁的內(nèi)容下載后再瀏覽的方式會造成網(wǎng)絡資源的浪費，還會影響用戶上網(wǎng)的速度。

發(fā)明內(nèi)容

鑒于以上內(nèi)容，有必要提供一種網(wǎng)頁內(nèi)容顯示控制系統(tǒng)，應用于電子設備中，該電子設備通過網(wǎng)絡與網(wǎng)絡服務器通訊。該系統(tǒng)包括：可視區(qū)域計算模塊，用于在電子設備通過一網(wǎng)頁瀏覽器訪問網(wǎng)絡服務器中的一個網(wǎng)頁時，計算該網(wǎng)頁在電子設備的顯示屏上的最初可視區(qū)域；內(nèi)容請求模塊，用于根據(jù)所述網(wǎng)頁的最初可視區(qū)域發(fā)送一請求信息至網(wǎng)絡服務器，從網(wǎng)絡服務器中獲取該網(wǎng)頁的最初可視區(qū)域中的內(nèi)容，并通過網(wǎng)頁瀏覽器顯示在電子設備的顯示屏上；滾動條監(jiān)控模塊，用于實時監(jiān)控網(wǎng)頁瀏覽器的滾動條的位置變化；所述可視區(qū)域計算模塊還用于當監(jiān)控到滾動條的位置發(fā)生變化時，計算所述網(wǎng)頁的當前可視區(qū)域；及內(nèi)容更新模塊，用于根據(jù)所述網(wǎng)頁的當前可視區(qū)域，發(fā)送內(nèi)容更新請求至網(wǎng)絡服務器，從網(wǎng)絡服務器中獲取該網(wǎng)頁當前可視區(qū)域中的內(nèi)容，對顯示屏的顯示內(nèi)容進行更新。

還有必要提供一種網(wǎng)頁內(nèi)容顯示控制方法，應用于電子設備中，該電子設備通過網(wǎng)絡與網(wǎng)絡服務器通訊。該方法包括：最初可視區(qū)域計算步驟，在電子設備通過一網(wǎng)頁瀏覽器訪問網(wǎng)絡服務器中的一個網(wǎng)頁時，計算該網(wǎng)頁在電子設備的顯示屏上的最初可視區(qū)域；內(nèi)容請求步驟，根據(jù)所述網(wǎng)頁的最初可視區(qū)域發(fā)送一請求信息至網(wǎng)絡服務器，從網(wǎng)絡服務器中獲取該網(wǎng)頁的最初可視區(qū)域中的內(nèi)容，并通過網(wǎng)頁瀏覽器顯示在電子設備的顯示屏上；滾動條監(jiān)控步驟，實時監(jiān)控網(wǎng)頁瀏覽器的滾動條的位置變化；當前可視區(qū)域計算步驟，當監(jiān)控到滾動條的位置發(fā)生變化時，計算所述網(wǎng)頁的當前可視區(qū)域；及內(nèi)容更新步驟，根據(jù)所述網(wǎng)頁的當前可視區(qū)域，發(fā)送內(nèi)容更新請求至網(wǎng)絡服務器，從網(wǎng)絡服務器中獲取該網(wǎng)頁當前可視區(qū)域中的內(nèi)容，對顯示屏的顯示內(nèi)容進行更新。

相較于現(xiàn)有技術，本發(fā)明網(wǎng)頁內(nèi)容顯示控制系統(tǒng)及方法，可根據(jù)網(wǎng)頁的可視區(qū)域選擇性的向網(wǎng)絡服務器請求顯示內(nèi)容，其只更新當前可視區(qū)域內(nèi)的網(wǎng)頁內(nèi)容，提高了網(wǎng)頁的訪問速度，并節(jié)省了網(wǎng)絡流量。

附圖說明

圖1是本發(fā)明網(wǎng)頁內(nèi)容顯示控制系統(tǒng)的運行環(huán)境示意圖。

圖2是圖1中電子設備的架構圖。

圖3和圖4分別是一網(wǎng)頁的最初可視區(qū)域和當前可視區(qū)域的示意圖。

圖5是本發(fā)明網(wǎng)頁內(nèi)容顯示控制方法較佳實施例的流程圖。

主要元件符號說明