頁面信息加載方法和裝置的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體涉及一種頁面信息加載方法和裝置。
【背景技術(shù)】
[0002]用戶瀏覽網(wǎng)頁時(shí)，經(jīng)常需要在網(wǎng)頁中輸入內(nèi)容，例如，在搜索頁面輸入搜索詞，論壇發(fā)帖、回復(fù)以及網(wǎng)站的注冊(cè)、登錄等。在輸入內(nèi)容的過程中，頁面可能發(fā)生跳轉(zhuǎn)，頁面跳轉(zhuǎn)可能由于用戶失誤，點(diǎn)擊了頁面中的鏈接，也可能是用戶的有意行為，例如，注冊(cè)完畢后點(diǎn)擊提交按鈕，頁面重定向至注冊(cè)信息頁面。
[0003]在用戶誤點(diǎn)擊導(dǎo)致頁面跳轉(zhuǎn)，或者用戶注冊(cè)信息填寫錯(cuò)誤導(dǎo)致注冊(cè)失敗時(shí)，用戶通常需要返回上一頁面，例如，通過點(diǎn)擊瀏覽器上的后退按鈕或重新輸入上一頁面的URL等方式返回。這時(shí)，頁面中的動(dòng)態(tài)表單中的輸入內(nèi)容丟失，用戶需要重新輸入，如果輸入內(nèi)容復(fù)雜，對(duì)于用戶來說，是繁瑣耗時(shí)的。
[0004]在一些頁面中，例如，一些登錄頁面,可能使用cookie保存賬戶名，密碼等,然而cookie容量很小，經(jīng)常無法滿足需求，并且每次都要和服務(wù)器交互。

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

[0005]鑒于上述問題，提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的頁面信息加載方法和裝置。
[0006]根據(jù)本發(fā)明的一個(gè)方面，提供了一種頁面信息加載方法，其包括:
[0007]頁面加載時(shí)，在本地存儲(chǔ)中查找與頁面輸入元素對(duì)應(yīng)的輸入信息；將查找到的與頁面輸入元素對(duì)應(yīng)的輸入信息填寫到頁面輸入元素中；頁面加載完成后，監(jiān)聽頁面離開事件；根據(jù)頁面離開事件，掃描頁面中的輸入元素，根據(jù)頁面特征和輸入元素的特征將輸入元素的輸入信息保存在本地存儲(chǔ)中。
[0008]根據(jù)本發(fā)明的另一方面，提供了一種頁面信息加載裝置，其包括:查找模塊，適于在頁面加載時(shí)，在本地存儲(chǔ)中查找與頁面輸入元素對(duì)應(yīng)的輸入信息；填寫模塊，適于將查找到的與頁面輸入元素對(duì)應(yīng)的輸入信息填寫到頁面輸入元素中；監(jiān)聽模塊，適于在頁面加載完成后，監(jiān)聽頁面離開事件；掃描模塊，適于根據(jù)頁面離開事件，掃描頁面中的輸入元素，根據(jù)頁面特征和輸入元素的特征將輸入元素的輸入信息保存在本地存儲(chǔ)中。
[0009]根據(jù)本發(fā)明的頁面信息加載方法和裝置，在監(jiān)聽到頁面離開時(shí)，掃描頁面中的輸入信息并將輸入信息保存在本地存儲(chǔ)中，重新加載頁面時(shí)，將本地存儲(chǔ)中與該頁面對(duì)應(yīng)的輸入信息填寫到頁面中。根據(jù)該方案，重新加載信息輸入頁面時(shí)，頁面自動(dòng)完成輸入內(nèi)容的填寫，避免了用戶的重復(fù)操作，節(jié)省了用戶時(shí)間，并且輸入內(nèi)容的填寫在本地完成，不需要和服務(wù)器交互，更加節(jié)省網(wǎng)絡(luò)資源。
[0010]上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的數(shù)據(jù)予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的【具體實(shí)施方式】。
【附圖說明】
[0011]通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對(duì)于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對(duì)本發(fā)明的限制。而且在整個(gè)附圖中，用相同的參考符號(hào)表示相同的部件。在附圖中:
[0012]圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面信息加載方法的流程圖；
[0013]圖2示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的頁面信息加載方法的流程圖；
[0014]圖3示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面信息加載裝置的結(jié)構(gòu)框圖。
【具體實(shí)施方式】
[0015]下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。
[0016]圖1示出了根據(jù)本發(fā)明一個(gè)實(shí)施例的頁面信息加載方法的流程圖，如圖1所示，該方法包括如下步驟:
[0017]步驟S110，頁面加載時(shí)，在本地存儲(chǔ)中查找與頁面輸入元素對(duì)應(yīng)的輸入信息。
[0018]頁面中的輸入元素包括頁面表單元素，例如，搜索框中輸入的關(guān)鍵詞，注冊(cè)頁面中填寫的注冊(cè)信息等，還包括用戶對(duì)單選框，復(fù)選框，下拉列表等的表單元素的選擇狀態(tài)。
[0019]填入頁面中的本地存儲(chǔ)中的頁面輸入信息，是在上一次用戶訪問該頁面時(shí)，填寫的輸入信息。
[0020]具體的查找規(guī)則根據(jù)輸入信息的存儲(chǔ)方式而定，例如，在本發(fā)明一個(gè)實(shí)施例中，根據(jù)頁面ID等頁面特征以及表單元素名稱等特征等將輸入信息存儲(chǔ)為鍵值對(duì)，則查找規(guī)則為:在本地存儲(chǔ)中查找與頁面ID及表單元素ID匹配的一個(gè)或多個(gè)鍵值對(duì)。
[0021 ] 本地存儲(chǔ)可以為HTML5提供的LocalStorage (本地存儲(chǔ)),indexdb (本地?cái)?shù)據(jù)庫)等持久化存儲(chǔ)方式。此外，還有一些非持久化的本地存儲(chǔ)，例如Sess1nStorage (會(huì)話級(jí)本地存儲(chǔ))，只能應(yīng)用于用戶沒有關(guān)閉瀏覽器或標(biāo)簽頁的情況，會(huì)話結(jié)束后，數(shù)據(jù)即被銷毀，可根據(jù)需要進(jìn)行選擇。
[0022]步驟S120，將查找到的與頁面輸入元素對(duì)應(yīng)的輸入信息填寫到頁面輸入元素中。
[0023]查找到與頁面ID匹配的字段后，根據(jù)輸入元素名稱，自動(dòng)將輸入信息填寫到對(duì)應(yīng)位置，這避免了用戶的重復(fù)操作，節(jié)省了操作時(shí)間。
[0024]步驟S130，頁面加載完成后，監(jiān)聽頁面離開事件。
[0025]頁面離開事件包括但不限于:關(guān)閉瀏覽器窗口，通過地址欄或收藏夾跳轉(zhuǎn)至其他頁面，點(diǎn)擊瀏覽器上的返回，前進(jìn)，主頁按鈕時(shí)的頁面跳轉(zhuǎn)，點(diǎn)擊頁面中的URL鏈接導(dǎo)致的頁面跳轉(zhuǎn)，以及觸發(fā)提交按鈕，如頁面中的HTML標(biāo)簽〈input type = “submit”〉等。
[0026]還包括:與頁面跳轉(zhuǎn)有關(guān)的Javascript函數(shù)被觸發(fā)時(shí)導(dǎo)致的頁面離開，例如，Javascript為Locat1n, href重新賦值,導(dǎo)致瀏覽器標(biāo)簽頁跳轉(zhuǎn)；以及用戶點(diǎn)擊F5或?yàn)g覽器刷新按鈕后，頁面調(diào)用Javascript刷新方法，如Locat1n, replace, Locat1n, reload等進(jìn)行頁面刷新。
[0027]步驟S140，根據(jù)頁面離開事件，掃描頁面中的輸入元素，根據(jù)頁面特征和輸入元素的特征將輸入元素的輸入信息保存在本地存儲(chǔ)中。
[0028]可以選擇掃描頁面中全部的輸入元素，或者掃描指定的輸入元素，例如，排除驗(yàn)證碼等發(fā)生變化的輸入信息以及密碼等個(gè)人信息；然后，根據(jù)頁面特征和所述輸入元素的特征為每個(gè)輸入元素生成唯一的標(biāo)識(shí)，與輸入信息關(guān)聯(lián)后保存在本地存儲(chǔ)中；其中，頁面特征可以是頁面的URL，URI，頁面ID等，輸入元素特征包括輸入元素的名稱，屬性等。具體地，可以將輸入元素名稱作為鍵值名，對(duì)應(yīng)的輸入信息作為鍵值。上述頁面特征和輸入元素特征可通過JavaScript等從頁面標(biāo)簽中快捷地獲取，并且保證了統(tǒng)一域名下大量站點(diǎn)及輸入元素的準(zhǔn)確區(qū)分。
[0029]根據(jù)本發(fā)明上述實(shí)施例提供的方法，頁面加載時(shí)，在本地存儲(chǔ)中查找與頁面輸入元素對(duì)應(yīng)的輸入信息；將查找到的與頁面輸入元素對(duì)應(yīng)的輸入信息填寫到頁面輸入元素中；頁面加載完成后，監(jiān)聽頁面離開事件；根據(jù)頁面離開事件，掃描頁面中的輸入元素，根據(jù)頁面特征和輸入元素的特征將輸入元素的輸入信息保存在本地存儲(chǔ)中。根據(jù)該方案，重新加載信息輸入頁面時(shí)，自動(dòng)加載輸入內(nèi)容，避免了用戶的重復(fù)操作，節(jié)省了時(shí)間，并且輸入內(nèi)容的填寫在本地完成，不需要和服務(wù)器交互，更節(jié)省資源。根據(jù)本發(fā)明中的輸入信息存儲(chǔ)方式，以頁面特征和輸入元素特征作為輸入信息存儲(chǔ)和查找的索引，對(duì)輸入信息進(jìn)行有序的存儲(chǔ)，能夠適用于大量頁面，保證頁面信息加載的準(zhǔn)確性。
[0030]圖2示出了根據(jù)本發(fā)明另一個(gè)實(shí)施例的頁面信息加載方法的流程圖，該方法以HTML5提供的LocalStorage本地存儲(chǔ)為例，詳細(xì)描述了實(shí)施過程。
[0031]如圖2所示，方法包括如下步驟:
[0032]步驟S210，本次加載頁面時(shí)，為頁面中的頁面離開事件綁定頁面信息存儲(chǔ)邏輯。
[0033]為便于更清楚地說明各步驟間的數(shù)據(jù)傳遞的過程，該實(shí)施例中以一次輸入信息的掃描，存儲(chǔ)，填寫的時(shí)間順序描述了本發(fā)明提供的方法的實(shí)施過程。
[0034]應(yīng)該理解的是，本發(fā)明實(shí)施例中所說的本次加載頁面和再次加載頁面是相對(duì)的，是指頁面再次加載時(shí)，從本地存儲(chǔ)獲取并填寫到頁面的輸入信息是本次頁面加載完成后，用戶在頁面各輸入元素中輸入的信息。
[0035]具體地，對(duì)于超鏈接的跳轉(zhuǎn)事件，可對(duì)頁面中的<a>標(biāo)簽綁定頁面信息存儲(chǔ)邏輯，對(duì)于頁面刷新事件，對(duì)<meta>標(biāo)簽綁定頁面信息存儲(chǔ)邏輯，對(duì)于頁面重定向事件，綁定按鈕點(diǎn)擊事件等。
[0036]上述的頁面信息存儲(chǔ)邏輯即為下文步驟S220-S270中描述的內(nèi)容，頁面信息存儲(chǔ)邏輯可由Javascript等腳本語言實(shí)現(xiàn)。。
[0037]步驟S220，監(jiān)聽頁面離開事件。
[0038]頁面離開事件包括但不限于:關(guān)閉瀏覽器窗口，通過地址欄或收藏夾跳轉(zhuǎn)至其他頁面，點(diǎn)擊瀏覽器上的返回，前進(jìn)，主頁按鈕時(shí)的頁面跳轉(zhuǎn)，點(diǎn)擊頁面中的URL鏈接導(dǎo)致的頁面跳轉(zhuǎn)，以及觸發(fā)提交按鈕，如頁面中的HTML標(biāo)簽〈input type = “submit”〉等。
[0039]還包括:與頁面跳轉(zhuǎn)有關(guān)的Javascript函數(shù)被觸發(fā)時(shí)導(dǎo)致的頁面離開，例如，Javascript為Locat1n, href重新賦值,導(dǎo)致瀏覽器標(biāo)簽頁跳轉(zhuǎn)；以及用戶點(diǎn)擊F5或?yàn)g覽器刷新按鈕后，頁面調(diào)用Javascript刷新方法，如Locat1n, replace, Locat1n, reload等進(jìn)行頁面刷新。
[0040]步驟S230，獲取頁面的頁面ID，掃描頁面中的一個(gè)或多個(gè)表單元素。
[0041]表單元素是一種常見的輸入元素，該