一種網(wǎng)頁呈現(xiàn)方法、裝置及電子設備的制作方法
【專利摘要】本發(fā)明公開了一種網(wǎng)頁呈現(xiàn)方法、裝置及電子設備。所述網(wǎng)頁呈現(xiàn)方法包括：檢測到對當前頁面中鏈接的預定類型操作；從服務器端獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)；在當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分的數(shù)據(jù)。本發(fā)明有效提高了用戶訪問網(wǎng)頁的速度。
【專利說明】一種網(wǎng)頁呈現(xiàn)方法、裝置及電子設備

【技術領域】
[0001] 本發(fā)明涉及互聯(lián)網(wǎng)【技術領域】，具體涉及一種網(wǎng)頁呈現(xiàn)方法、裝置及電子設備。

【背景技術】
[0002] 隨著智能移動終端的普及，觸屏版網(wǎng)頁越來越成為用戶訪問網(wǎng)站，獲取資訊的重 要手段，觸屏版網(wǎng)頁的使用比例逐年上升且上升速度遠超PC版網(wǎng)頁。對于現(xiàn)有的觸屏版網(wǎng) 頁站點，其采用傳統(tǒng)的網(wǎng)頁跳轉方式，即在列表頁面A中點擊文章頁面B的鏈接進入文章頁 面B，看完文章頁面B后點擊瀏覽器后退按鈕退回列表頁面A，再點擊文章頁面C的鏈接進 入文章頁面C，從而瀏覽文章頁面C。
[0003] 在這種訪問方式下，B、C頁面是作為一個獨立的網(wǎng)頁來打開的，此時瀏覽器需要經(jīng) 歷如下流程：根據(jù)頁面鏈接進行DNS查找服務器的IP地址；向服務器端請求鏈接的頁面； 等待服務器端返回數(shù)據(jù)；接收服務器端返回的數(shù)據(jù)（可能還會有資源阻塞）；頁面樣式文件 加載；頁面渲染；呈現(xiàn)網(wǎng)頁。
[0004] 根據(jù)上述的網(wǎng)頁訪問流程，時間資源和網(wǎng)絡資源有一部分浪費在非文章內(nèi)容（例 如CSS文件，JS文件和多媒體文件等）的獲取上；在低端瀏覽器，尤其是在網(wǎng)絡不穩(wěn)定的慢 速網(wǎng)絡下，這個過程會變得難以忍受。


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

[0005] 鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上 述問題的網(wǎng)頁呈現(xiàn)方法、裝置及電子設備。
[0006] 根據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)頁呈現(xiàn)方法，適于在瀏覽器中執(zhí)行，所述方 法包括：
[0007] 檢測到對當前頁面中鏈接的預定類型操作；
[0008] 從服務器端獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)；以及
[0009] 在當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分的數(shù)據(jù)。
[0010] 可選地，所述預定類型操作包括長按操作和滑動操作。
[0011] 可選地，按照如下方式檢測對當前頁面中鏈接的長按操作：
[0012] 檢測到對鏈接的觸控開始時，啟動一定時時長為預設時長的定時器；
[0013] 在對鏈接的觸控持續(xù)期間，判斷定時器的定時時長是否到達；
[0014] 當定時器的定時時長到達時，確定對鏈接的長按操作發(fā)生。
[0015] 可選地，所述預設時長為100?300ms。
[0016] 可選地，所述方法還包括：當對鏈接的觸控結束時，清空定時器。
[0017] 可選地，采用AJAX技術從服務器端獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)。 [0018] 可選地，所述預定部分的數(shù)據(jù)包括網(wǎng)頁的標題和正文。
[0019] 根據(jù)本發(fā)明的另一方面，提供了一種網(wǎng)頁呈現(xiàn)裝置，駐留在瀏覽器中，所述裝置包 括：
[0020] 檢測單元，適于檢測對當前頁面中鏈接的預定類型操作；
[0021] 獲取單元，適于當檢測單元檢測到對當前頁面中鏈接的預定類型操作時，從服務 器端獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)；以及
[0022] 顯示單元，適于在當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分 的數(shù)據(jù)。
[0023] 可選地，所述預定類型操作包括長按操作和滑動操作。
[0024] 可選地，所述檢測單元按照如下方式檢測對當前頁面中鏈接的長按操作：
[0025] 檢測到對鏈接的觸控開始時，啟動一定時時長為預設時長的定時器；
[0026] 在對鏈接的觸控持續(xù)期間，判斷定時器的定時時長是否到達；
[0027] 當定時器的定時時長到達時，確定對鏈接的長按操作發(fā)生。
[0028] 可選地，所述預設時長為100?300ms。
[0029] 可選地，所述檢測單元進一步適于，當對鏈接的觸控結束時，清空定時器。
[0030] 可選地，所述獲取單元采用AJAX技術從服務器端獲取該鏈接所引用網(wǎng)頁的預定 部分的數(shù)據(jù)。
[0031] 可選地，所述預定部分的數(shù)據(jù)包括網(wǎng)頁的標題和正文。
[0032] 根據(jù)本發(fā)明的又一個方面，提供了一種電子設備，該電子設備包括上述的網(wǎng)頁呈 現(xiàn)裝置。
[0033] 根據(jù)本發(fā)明的網(wǎng)頁呈現(xiàn)方案，當檢測到用戶對當前頁面中鏈接的預定類型操作例 如長按操作和滑動操作時，不需要按照傳統(tǒng)方式打開鏈接所引用的網(wǎng)頁，而是從服務器端 獲取網(wǎng)頁的部分數(shù)據(jù)，以彈出窗口的方式呈現(xiàn)所獲取的部分數(shù)據(jù)，有效提高了訪問網(wǎng)頁的 速度，進而提升了用戶的使用體驗和閱讀效率。
[0034] 上述說明僅是本發(fā)明技術方案的概述，為了能夠更清楚了解本發(fā)明的技術手段， 而可依照說明書的內(nèi)容予以實施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠 更明顯易懂，以下特舉本發(fā)明的【具體實施方式】。

【專利附圖】

【附圖說明】
[0035] 通過閱讀下文優(yōu)選實施方式的詳細描述，各種其他的優(yōu)點和益處對于本領域普通 技術人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的，而并不認為是對本發(fā)明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：
[0036] 圖1示出了根據(jù)本發(fā)明一個實施例的網(wǎng)頁呈現(xiàn)系統(tǒng)的結構圖；
[0037] 圖2示出了根據(jù)本發(fā)明一個實施例的網(wǎng)頁呈現(xiàn)裝置的結構圖；
[0038] 圖3示出了本發(fā)明實施例中智能手機的呈現(xiàn)界面變化過程圖；以及
[0039] 圖4示出了根據(jù)本發(fā)明一個實施例的網(wǎng)頁呈現(xiàn)方法的流程圖。

【具體實施方式】
[0040] 下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開 的示例性實施例，然而應當理解，可以以各種形式實現(xiàn)本公開而不應被這里闡述的實施例 所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍 完整的傳達給本領域的技術人員。
[0041] 圖1示出了根據(jù)本發(fā)明一個實施例的網(wǎng)頁呈現(xiàn)系統(tǒng)的結構圖。如圖1所示，網(wǎng)頁 呈現(xiàn)系統(tǒng)包括多個電子設備110 (圖中示出了 3個）、為這些電子設備110提供各種網(wǎng)絡資 源的服務器端120,電子設備110和服務器端120經(jīng)由互聯(lián)網(wǎng)絡而相互通信。
[0042] 在本發(fā)明實施例中，電子設備110可以是本領域任何可以呈現(xiàn)從服務器端120獲 取的網(wǎng)絡資源的設備，包括但不限于智能移動終端、個人數(shù)字助理和平板電腦等。電子設 備110具有操作系統(tǒng)，利用操作系統(tǒng)來管理電子設備110中的硬件資源，操作系統(tǒng)上運行有 瀏覽器，所述瀏覽器能夠呈現(xiàn)從服務器端120獲取的網(wǎng)絡資源，例如網(wǎng)頁文件。電子設備 110還具有觸控接口和顯示屏幕，通過觸控接口獲取用戶的觸控輸入，當根據(jù)所述觸控輸入 確定用戶對顯示屏幕中顯示的網(wǎng)頁鏈接執(zhí)行了預定類型的操作，例如長按操作和滑動操作 時，從服務器端120獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)（例如網(wǎng)頁的標題和正文）， 然后，在顯示屏幕上顯示的當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分 的數(shù)據(jù)。
[0043] 圖2示出了根據(jù)本發(fā)明一個實施例的網(wǎng)頁呈現(xiàn)裝置200的結構圖，所述網(wǎng)頁呈現(xiàn) 裝置200設置在電子設備110中，例如駐留在電子設備110的瀏覽器中。參照圖2,所述網(wǎng) 頁呈現(xiàn)裝置200包括檢測單元210、獲取單元220和顯示單元230。
[0044] 檢測單元210適于檢測對當前頁面中鏈接的預定類型操作。用戶需要瀏覽服務器 端120的網(wǎng)頁時，在瀏覽器中輸入該網(wǎng)頁的網(wǎng)址或者在瀏覽器的收藏夾中選擇相應的條目 后，通過瀏覽器發(fā)送請求（例如http請求）到服務器端120,服務器端120根據(jù)瀏覽器的請 求將相應的網(wǎng)頁數(shù)據(jù)返回給瀏覽器，由瀏覽器在電子設備110的顯示屏幕上進行顯示。瀏 覽器當前顯示的頁面中往往會提供多個鏈接，例如，當前頁面中顯示的是文章列表頁，則在 文章列表頁中會顯不著文章列表鏈接（文章標題列表）。
[0045] 然后，用戶需要瀏覽文章列表中的某篇文章時，通常會點擊該文章的鏈接，此時， 瀏覽器會重新發(fā)送請求到服務器端，獲取該鏈接引用的網(wǎng)頁數(shù)據(jù)，并以打開一個新窗口的 方式或者以覆蓋當前窗口的方式顯示網(wǎng)頁的內(nèi)容。如前所述，打開一個新網(wǎng)頁會耗費較多 的時間資源和網(wǎng)絡資源。為此，在本發(fā)明實施例中，還進一步檢測用戶對當前頁面中鏈接的 操作是否為預定類型的操作，當檢測到對當前頁面中鏈接的預定類型操作時，執(zhí)行與打開 新的網(wǎng)頁所不同的處理。其中，所述預定類型的操作可以是長按操作和滑動操作，當然，也 可以是其他不同于點擊鏈接的操作，本發(fā)明實施例對此不作限制。
[0046] 檢測單元210通過觸控接口獲取用戶的觸控輸入，并根據(jù)用戶的觸控輸入確定用 戶在電子設備110的觸摸屏上所執(zhí)行的操作，例如，確定用戶對頁面中鏈接的長按操作或 活動操作。
[0047] 在一種實現(xiàn)方式中，檢測單元210按照如下方式檢測用戶對當前頁面中鏈接的長 按操作：
[0048] 首先，檢測到對鏈接的觸控開始時（例如，用戶手指觸碰屏幕中的鏈接位置），啟 動一定時時長為預設時長的定時器，其中，所述預設時長為100?300ms ;
[0049] 然后，在對鏈接的觸控持續(xù)期間（例如，手指未離開觸碰的鏈接位置），判斷定時 器的定時時長是否到達；
[0050] 最后，當定時器的定時時長到達時，確定對鏈接的長按操作發(fā)生。
[0051] 為防止誤觸發(fā)長按操作，例如誤將點擊操作確定為長按操作，檢測單元210還在 當確定用戶對鏈接的觸控結束（手指離開觸碰的鏈接位置）時，清空所述定時器，等待下一 次啟動后重新開始計時。
[0052] 以下給出檢測單元210對長按操作進行檢測的示例性代碼，如下：
[0053]

【權利要求】
1. 一種網(wǎng)頁呈現(xiàn)方法，適于在瀏覽器中執(zhí)行，所述方法包括： 檢測到對當前頁面中鏈接的預定類型操作； 從服務器端獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)；以及 在當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分的數(shù)據(jù)。
2. 如權利要求1所述的網(wǎng)頁呈現(xiàn)方法，其中，所述預定類型操作包括長按操作和滑動 操作。
3. 如權利要求2所述的網(wǎng)頁呈現(xiàn)方法，其中，按照如下方式檢測對當前頁面中鏈接的 長按操作： 檢測到對鏈接的觸控開始時，啟動一定時時長為預設時長的定時器； 在對鏈接的觸控持續(xù)期間，判斷定時器的定時時長是否到達； 當定時器的定時時長到達時，確定對鏈接的長按操作發(fā)生。
4. 如權利要求3所述的網(wǎng)頁呈現(xiàn)方法，其中，所述預設時長為100?300ms。
5. 如權利要求3所述的網(wǎng)頁呈現(xiàn)方法，其中，還包括：當對鏈接的觸控結束時，清空定 時器。
6. 如權利要求1所述的網(wǎng)頁呈現(xiàn)方法，其中，采用AJAX技術從服務器端獲取該鏈接所 引用網(wǎng)頁的預定部分的數(shù)據(jù)。
7. 如權利要求1所述的網(wǎng)頁呈現(xiàn)方法，其中，所述預定部分的數(shù)據(jù)包括網(wǎng)頁的標題和 正文。
8. -種網(wǎng)頁呈現(xiàn)裝置，駐留在瀏覽器中，所述裝置包括： 檢測單元，適于檢測對當前頁面中鏈接的預定類型操作； 獲取單元，適于當檢測單元檢測到對當前頁面中鏈接的預定類型操作時，從服務器端 獲取該鏈接所引用網(wǎng)頁的預定部分的數(shù)據(jù)；以及 顯示單元，適于在當前頁面中彈出窗口，并在所彈出的窗口中呈現(xiàn)所述預定部分的數(shù) 據(jù)。
9. 如權利要求8所述的網(wǎng)頁呈現(xiàn)裝置，其中，所述預定類型操作包括長按操作和滑動 操作。
10. -種電子設備，包括如權利要求8或9所述的網(wǎng)頁呈現(xiàn)裝置。
【文檔編號】G06F17/30GK104063484SQ201410314496
【公開日】2014年9月24日 申請日期:2014年7月3日 優(yōu)先權日:2014年7月3日
【發(fā)明者】蔡超 申請人:車智互聯(lián)（北京）科技有限公司