一種客戶端app的網(wǎng)頁(yè)加載方法及裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明的實(shí)施方式涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，更具體地，本發(fā)明的實(shí)施方式涉及一種客戶端APP (Applicat1n，應(yīng)用程序)的網(wǎng)頁(yè)加載方法及裝置。
【背景技術(shù)】
[0002]本部分旨在為權(quán)利要求書中陳述的本發(fā)明的實(shí)施方式提供背景或上下文。此處的描述不因?yàn)榘ㄔ诒静糠种芯统姓J(rèn)是現(xiàn)有技術(shù)。
[0003]隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，用戶使用終端設(shè)備接入互聯(lián)網(wǎng)的頻率越來越高，對(duì)網(wǎng)頁(yè)的瀏覽與使用也越來越多，除了使用瀏覽器進(jìn)行網(wǎng)頁(yè)的加載和顯示外，常見的還可以使用混合APP進(jìn)行網(wǎng)頁(yè)的加載和顯示?；旌螦PP并非瀏覽器，但其內(nèi)部具有瀏覽器組件，這種APP需要安裝到本地后才可使用，其使用內(nèi)部的瀏覽器組件來獲取和展示網(wǎng)頁(yè)的部分或全部?jī)?nèi)容，混合APP例如是微信。
[0004]目前，一些混合APP提供的服務(wù)平臺(tái)例如公眾服務(wù)號(hào)等，提供的服務(wù)內(nèi)容復(fù)雜多樣，而且其提供的服務(wù)內(nèi)容大都以網(wǎng)頁(yè)形式提供；因此為獲取服務(wù)內(nèi)容，這些混合APP需要完成網(wǎng)頁(yè)加載過程。

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

[0005]但是，用戶使用客戶端APP加載網(wǎng)頁(yè)時(shí)，每打開一個(gè)網(wǎng)頁(yè)都是一次網(wǎng)頁(yè)完全加載過程，每次均需要從服務(wù)器獲取網(wǎng)頁(yè)全部?jī)?nèi)容后再顯示網(wǎng)頁(yè)，在網(wǎng)速較慢的情況下非常耗費(fèi)時(shí)間，而在用戶請(qǐng)求打開網(wǎng)頁(yè)到網(wǎng)頁(yè)顯示之前的過程中暫時(shí)提供給用戶的界面會(huì)是一個(gè)沒有內(nèi)容的空白界面，用戶等待時(shí)間較長(zhǎng)，用戶體驗(yàn)較差。
[0006]因此在現(xiàn)有技術(shù)中使用客戶端APP進(jìn)行網(wǎng)頁(yè)加載，這是非常令人煩惱的過程。
[0007]為此，非常需要一種改進(jìn)的客戶端APP網(wǎng)頁(yè)加載方案，以使提高網(wǎng)頁(yè)加載過程的顯示速度以及加載速度。
[0008]在本上下文中，本發(fā)明的實(shí)施方式期望提供一種客戶端APP的網(wǎng)頁(yè)加載方法及裝置。
[0009]在本發(fā)明實(shí)施方式的第一方面中，提供了一種客戶端APP網(wǎng)頁(yè)加載方法，例如，該方法可以包括:客戶端APP根據(jù)網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)程序，運(yùn)行所述網(wǎng)頁(yè)程序以顯示相應(yīng)的網(wǎng)頁(yè)程序界面；根據(jù)所述網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)內(nèi)容并基于所述網(wǎng)頁(yè)程序界面顯示所述網(wǎng)頁(yè)內(nèi)容。
[0010]在本發(fā)明實(shí)施方式的第二方面中，提供了一種客戶端APP網(wǎng)頁(yè)加載裝置，例如，該裝置可以包括:第一獲取單元，用于根據(jù)網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)程序；運(yùn)行單元，用于運(yùn)行所述網(wǎng)頁(yè)程序以顯示相應(yīng)的網(wǎng)頁(yè)程序界面；第二獲取單元，用于根據(jù)所述網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)內(nèi)容；顯示單元，用于基于所述網(wǎng)頁(yè)程序界面顯示所述網(wǎng)頁(yè)內(nèi)容。
[0011]根據(jù)本發(fā)明實(shí)施方式的客戶端APP的網(wǎng)頁(yè)加載方法和裝置，客戶端APP通過先獲取網(wǎng)頁(yè)程序并顯示相應(yīng)的網(wǎng)頁(yè)程序界面，再獲取網(wǎng)頁(yè)內(nèi)容并基于網(wǎng)頁(yè)程序界面進(jìn)行顯示，可以加快網(wǎng)頁(yè)加載過程中頁(yè)面的顯示速度，進(jìn)一步地，本發(fā)明實(shí)施例方式可以從本地獲取網(wǎng)頁(yè)程序，從而顯著減少了從服務(wù)器獲取網(wǎng)頁(yè)程序的時(shí)間，使客戶端APP的網(wǎng)頁(yè)加載速度大幅提高，為用戶帶來了更好的體驗(yàn)。
【附圖說明】
[0012]通過參考附圖閱讀下文的詳細(xì)描述，本發(fā)明示例性實(shí)施方式的上述以及其他目的、特征和優(yōu)點(diǎn)將變得易于理解。在附圖中，以示例性而非限制性的方式示出了本發(fā)明的若干實(shí)施方式，其中:
[0013]圖1示意性地示出了根據(jù)本發(fā)明實(shí)施方式的一個(gè)示例性應(yīng)用場(chǎng)景的框架示意圖；
[0014]圖2示意性地示出了本發(fā)明實(shí)施方式的客戶端APP的網(wǎng)頁(yè)加載方法一實(shí)施例的流程圖；
[0015]圖3示意性地示出了本發(fā)明實(shí)施方式的客戶端APP的網(wǎng)頁(yè)加載方法另一實(shí)施例的流程圖；
[0016]圖4示意性地示出了本發(fā)明實(shí)施方式的客戶端APP的網(wǎng)頁(yè)加載裝置一實(shí)施例的示意圖。
[0017]在附圖中，相同或?qū)?yīng)的標(biāo)號(hào)表不相同或?qū)?yīng)的部分。
【具體實(shí)施方式】
[0018]下面將參考若干示例性實(shí)施方式來描述本發(fā)明的原理和精神。應(yīng)當(dāng)理解，給出這些實(shí)施方式僅僅是為了使本領(lǐng)域技術(shù)人員能夠更好地理解進(jìn)而實(shí)現(xiàn)本發(fā)明，而并非以任何方式限制本發(fā)明的范圍。相反，提供這些實(shí)施方式是為了使本公開更加透徹和完整，并且能夠?qū)⒈竟_的范圍完整地傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0019]本領(lǐng)域技術(shù)人員知道，本發(fā)明的實(shí)施方式可以實(shí)現(xiàn)為一種系統(tǒng)、裝置、設(shè)備、方法或計(jì)算機(jī)程序產(chǎn)品。因此，本公開可以具體實(shí)現(xiàn)為以下形式，即:完全的硬件、完全的軟件(包括固件、駐留軟件、微代碼等)，或者硬件和軟件結(jié)合的形式。
[0020]根據(jù)本發(fā)明的實(shí)施方式，提出了一種客戶端APP的網(wǎng)頁(yè)加載方法和裝置。
[0021]在本文中，需要理解的是，附圖中的任何元素?cái)?shù)量均用于示例而非限制，以及任何命名都僅用于區(qū)分，而不具有任何限制含義。
[0022]下面參考本發(fā)明的若干代表性實(shí)施方式，詳細(xì)闡釋本發(fā)明的原理和精神。
[0023]發(fā)曰月概沐
[0024]本發(fā)明人發(fā)現(xiàn)，現(xiàn)有技術(shù)中使用客戶端APP每次加載網(wǎng)頁(yè)時(shí)，均需要從服務(wù)器獲取網(wǎng)頁(yè)的全部?jī)?nèi)容后再進(jìn)行顯示，一方面，在客戶端APP從服務(wù)器獲取全部網(wǎng)頁(yè)內(nèi)容的過程中，會(huì)暫時(shí)提供給用戶一個(gè)沒有內(nèi)容的空白界面，如果網(wǎng)絡(luò)傳輸速度不佳，用戶會(huì)等待較長(zhǎng)時(shí)間，降低用戶體驗(yàn)；另一方面，客戶端APP每次打開網(wǎng)頁(yè)均需要從服務(wù)器請(qǐng)求網(wǎng)頁(yè)的全部?jī)?nèi)容，加載速度會(huì)比較慢。
[0025]針對(duì)以上問題，發(fā)明人考慮將網(wǎng)頁(yè)劃分為兩部分，即網(wǎng)頁(yè)程序部分以及網(wǎng)頁(yè)內(nèi)容部分，網(wǎng)頁(yè)程序部分包括HTML代碼、JS代碼、CSS文件和網(wǎng)頁(yè)程序需要的圖片。上述JS代碼指代的是用JavaScript編寫的腳本文件的代碼；上述CSS是Cascading Style Sheet的縮寫，即層疊樣式表單；上述網(wǎng)頁(yè)程序需要的圖片指HTML(Hyper Text Markup Language，超級(jí)文本標(biāo)記語(yǔ)言)代碼加載過程中需要的圖片，其往往不隨網(wǎng)頁(yè)內(nèi)容變化而變化，并且不同于網(wǎng)頁(yè)內(nèi)容中的圖片；而網(wǎng)頁(yè)內(nèi)容部分則為不同網(wǎng)頁(yè)所包括的不同網(wǎng)頁(yè)實(shí)體內(nèi)容，例如文字、圖片等。在客戶端APP請(qǐng)求進(jìn)行加載網(wǎng)頁(yè)時(shí)，先獲取網(wǎng)頁(yè)程序以顯示相應(yīng)的網(wǎng)頁(yè)程序界面，再獲取網(wǎng)頁(yè)內(nèi)容并基于網(wǎng)頁(yè)程序界面顯示，這樣，用戶可以先看到網(wǎng)頁(yè)程序界面，例如所顯示的網(wǎng)頁(yè)的主體框架、樣式和不隨網(wǎng)頁(yè)變化而變化的圖片，再看到具體的網(wǎng)頁(yè)內(nèi)容，減少了用戶等待時(shí)間，提高用戶體驗(yàn)；另一方面，網(wǎng)頁(yè)程序可以保存在本地，在加載網(wǎng)頁(yè)時(shí)，可以從本地獲取網(wǎng)頁(yè)程序，而無需再?gòu)姆?wù)器獲取，從而減少客戶端與服務(wù)器之間的通信內(nèi)容，提高網(wǎng)頁(yè)加載速度。
[0026]在介紹了本發(fā)明的基本原理之后，下面具體介紹本發(fā)明的各種非限制性實(shí)施方式。
[0027]應(yīng)用場(chǎng)景總覽
[0028]首先參考圖1，圖1是本發(fā)明的實(shí)施方式的一個(gè)示例性應(yīng)用場(chǎng)景的框架示意圖。其中，用戶通過用戶設(shè)備上的客戶端102與提供資訊類應(yīng)用服務(wù)的服務(wù)器101進(jìn)行交互。本領(lǐng)域技術(shù)人員可以理解，圖1所示的框架示意圖僅是本發(fā)明的實(shí)施方式可以在其中得以實(shí)現(xiàn)的一個(gè)示例。本發(fā)明實(shí)施方式的適用范圍不受到該框架任何方面的限制。
[0029]需要注意的是，此處的用戶設(shè)備可以是現(xiàn)有的、正在研發(fā)的或?qū)硌邪l(fā)的、能夠通過任何形式的有線和/或無線連接(例如，W1-Fi, LAN、蜂窩、同軸電纜等)實(shí)現(xiàn)其上客戶端102與服務(wù)器101交互的任何用戶設(shè)備，包括但不限于:現(xiàn)有的、正在研發(fā)的或?qū)硌邪l(fā)的智能手機(jī)、非智能手機(jī)、平板電腦、膝上型個(gè)人計(jì)算機(jī)、桌面型個(gè)人計(jì)算機(jī)、小型計(jì)算機(jī)、中型計(jì)算機(jī)、大型計(jì)算機(jī)等。
[0030]還需要注意的是，此處的服務(wù)器101僅是現(xiàn)有的、正在研發(fā)的或?qū)硌邪l(fā)的、能夠向用戶提供資訊類應(yīng)用服務(wù)的設(shè)備的一個(gè)示例。本發(fā)明的實(shí)施方式在此方面不受任何限制。
[0031]基于圖1所示的框架，客戶端102可以根據(jù)網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)程序，運(yùn)行所述網(wǎng)頁(yè)程序以顯示相應(yīng)的網(wǎng)頁(yè)程序界面；然后，客戶端102可以根據(jù)所述網(wǎng)頁(yè)地址信息從服務(wù)器獲取網(wǎng)頁(yè)內(nèi)容并基于所述網(wǎng)頁(yè)程序界面顯示所述網(wǎng)頁(yè)內(nèi)容。
[0032]可以理解的是，本發(fā)明的應(yīng)用場(chǎng)景中，雖然此處和下面將本發(fā)明實(shí)施方式的動(dòng)作描述為由客戶端102執(zhí)行，但是本發(fā)明在執(zhí)行主