基于瀏覽器的數(shù)據(jù)處理方法和瀏覽器的制造方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域,特別是涉及一種基于瀏覽器的數(shù)據(jù)處理方法和一種瀏覽器。
【背景技術(shù)】
[0002]瀏覽器是指可以顯示網(wǎng)頁服務(wù)器或者文件系統(tǒng)的HTML文件(標準通用標記語言的一個應(yīng)用)內(nèi)容,并讓用戶與網(wǎng)頁服務(wù)器或者HTML文件進行交互的一種軟件。瀏覽器在日常生活中被廣泛應(yīng)用,用戶通過瀏覽器可以搜索信息、瀏覽網(wǎng)頁、觀看視頻、閱讀新聞、查看圖片等等。
[0003]以用戶通過瀏覽器搜索信息為例,當(dāng)用戶通過瀏覽器提供的搜索頁面搜索一字/詞(搜索字/詞)時,瀏覽器會將根據(jù)所述用戶輸入的搜索字/詞得到的搜索結(jié)果頁面顯示給用戶,以便用戶查看,其中,所述搜索結(jié)果頁面中顯示有多條搜索結(jié)果,然而,目前通過瀏覽器得到的搜索結(jié)果頁面中的搜索結(jié)果的內(nèi)容和形式都比較單一,且搜索結(jié)果比較局限。
【發(fā)明內(nèi)容】
[0004]鑒于上述問題,提出了本發(fā)明以便提供一種克服上述問題或者至少部分地解決上述問題的一種基于瀏覽器的數(shù)據(jù)處理方法和一種瀏覽器裝置。
[0005]依據(jù)本發(fā)明的一個方面,提供了一種基于瀏覽器的數(shù)據(jù)處理方法,包括:
[0006]在瀏覽器的當(dāng)前標簽頁的頁面之上加載內(nèi)置透明頁面;其中,所述內(nèi)置透明頁面覆蓋在所述當(dāng)前標簽頁的頁面之上;
[0007]接收通過瀏覽器的設(shè)定接口返回的與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息;其中,所述數(shù)據(jù)信息中攜帶有設(shè)定位置信息;
[0008]根據(jù)所述設(shè)定位置信息對接收的數(shù)據(jù)信息進行渲染,并在所述內(nèi)置透明頁面上顯示;其中,所述數(shù)據(jù)信息在所述內(nèi)置透明頁面上的顯示位置為所述設(shè)定位置信息所指示的位置。
[0009]依據(jù)本發(fā)明的一個方面,提供了一種瀏覽器裝置,包括:
[0010]加載模塊,用于在瀏覽器的當(dāng)前標簽頁的頁面之上加載內(nèi)置透明頁面;其中,所述內(nèi)置透明頁面覆蓋在所述當(dāng)前標簽頁的頁面之上;
[0011]接收模塊,用于接收通過瀏覽器的設(shè)定接口返回的與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息;其中,所述數(shù)據(jù)信息中攜帶有設(shè)定位置信息;
[0012]渲染模塊,用于根據(jù)所述設(shè)定位置信息對接收的數(shù)據(jù)信息進行渲染,并在所述內(nèi)置透明頁面上顯示;其中,所述數(shù)據(jù)信息在所述內(nèi)置透明頁面上的顯示位置為所述設(shè)定位置信息所指示的位置。
[0013]本發(fā)明實施例公開的一種基于瀏覽器的數(shù)據(jù)處理方案,可以在瀏覽器的當(dāng)前標簽頁的頁面之上加載一內(nèi)置透明頁面;并將獲取的與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息渲染后在所述內(nèi)置透明頁面上顯示,可以,在本發(fā)明實施例中,當(dāng)前標簽頁,如,在當(dāng)前標簽頁是一搜索結(jié)果頁面時,除了可以在所述當(dāng)前標簽頁中顯示搜索結(jié)果以外,還可以通過覆蓋在所述當(dāng)前標簽頁頁面之上的內(nèi)置透明頁顯示與設(shè)定關(guān)鍵字相匹配的其他數(shù)據(jù)信息,用戶可以同時查看到搜索結(jié)果和所述與設(shè)定關(guān)鍵字相匹配的其他數(shù)據(jù)信息,豐富了所述當(dāng)前標簽頁的顯示內(nèi)容,用戶可以查看(獲取)到更多的信息。
[0014]進一步地,所述數(shù)據(jù)信息在渲染顯示時,可以根據(jù)所述數(shù)據(jù)信息中攜帶的設(shè)定位置信息在所述內(nèi)置透明頁面中的任意位置處進行顯示,顯示樣式多樣化,不局限于某一設(shè)定的樣式。
[0015]此外,與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息可以但不僅限于是其他用戶針對所述設(shè)定關(guān)鍵字的評論信息、回復(fù)信息等,某一用戶通過所述內(nèi)置透明頁面中加載的數(shù)據(jù)信息,可以獲知到其他用戶的觀點和看法,實現(xiàn)了用戶與用戶之間的實時互動(交互),以及,信息的共享。
[0016]上述說明僅是本發(fā)明技術(shù)方案的概述,為了能夠更清楚了解本發(fā)明的技術(shù)手段,而可依照說明書的內(nèi)容予以實施,并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點能夠更明顯易懂,以下特舉本發(fā)明的【具體實施方式】。
【附圖說明】
[0017]通過閱讀下文優(yōu)選實施方式的詳細描述,各種其他的優(yōu)點和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實施方式的目的,而并不認為是對本發(fā)明的限制。而且在整個附圖中,用相同的參考符號表示相同的部件。在附圖中:
[0018]圖1是本發(fā)明實施例一中一種基于瀏覽器的數(shù)據(jù)處理方法的步驟流程圖;
[0019]圖2是本發(fā)明實施例二中一種基于瀏覽器的數(shù)據(jù)處理方法的步驟流程圖;
[0020]圖3是本發(fā)明實施例三中一種吐槽貼紙的加載方法的步驟流程圖;
[0021]圖4是本發(fā)明實施例三中一種吐槽貼紙的加載示意圖;
[0022]圖5是本發(fā)明實施例四中一種瀏覽器裝置的結(jié)構(gòu)框圖;
[0023]圖6是本發(fā)明實施例五中一種瀏覽器裝置的結(jié)構(gòu)框圖。
【具體實施方式】
[0024]下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例,然而應(yīng)當(dāng)理解,可以以各種形式實現(xiàn)本公開而不應(yīng)被這里闡述的實施例所限制。相反,提供這些實施例是為了能夠更透徹地理解本公開,并且能夠?qū)⒈竟_的范圍完整的傳達給本領(lǐng)域的技術(shù)人員。
[0025]實施例一
[0026]參照圖1,示出了本發(fā)明實施例一中一種基于瀏覽器的數(shù)據(jù)處理方法的步驟流程圖。在本實施例中,所述基于瀏覽器的數(shù)據(jù)處理方法可以包括:
[0027]步驟102,在瀏覽器的當(dāng)前標簽頁的頁面之上加載內(nèi)置透明頁面。
[0028]在本實施例中,一種可行的加載方式可以是:在所述內(nèi)置透明頁面加載完成后,所述內(nèi)置透明頁面覆蓋在所述當(dāng)前標簽頁的頁面之上。換而言之,可以將所述內(nèi)置透明頁面理解為是一個獨立的頁面,所述獨立的頁面的背景是透明的,其大小可以與當(dāng)前標簽頁的頁面大小一致,覆蓋在所述當(dāng)前標簽頁的頁面之上,由于所述獨立的頁面是透明的,故不會影響用戶瀏覽當(dāng)前標簽頁的中的內(nèi)容。
[0029]步驟104,接收通過瀏覽器的設(shè)定接口返回的與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息。
[0030]在本實施例中,瀏覽器可以通過設(shè)置的設(shè)定接口獲取與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息。其中,所述設(shè)定關(guān)鍵字可以包括但不僅限于:所述當(dāng)前標簽頁中的某一個或某幾個字/詞,或,用于確定所述當(dāng)前標簽頁的搜索字/詞。進一步地,與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息則可以包括但不僅限于:針對所述設(shè)定關(guān)鍵字的評論信息、回復(fù)信息、與所述設(shè)定關(guān)鍵字相匹配的實時報道(新聞)、視頻、圖片、音頻、第三方鏈接地址等信息。需要說明的是,所述數(shù)據(jù)信息中攜帶有設(shè)定位置信息,其中,所述設(shè)定位置信息可以指示所述數(shù)據(jù)信息在所述內(nèi)置透明頁面中的加載顯示位置。
[0031]步驟106,根據(jù)所述設(shè)定位置信息對接收的數(shù)據(jù)信息進行渲染,并在所述內(nèi)置透明頁面上顯示。
[0032]在本實施例中,可以采用任意一種適當(dāng)?shù)姆绞缴珊图虞d所述內(nèi)置透明頁面。例如,一種可行的內(nèi)置透明頁面的生成方式可以如下:將所述內(nèi)置透明頁面視為一個DIV(Divis1n,層疊樣式表單元的位置和層次)層,通過級聯(lián)樣式表CSS (Cascading StyleSheets)定義所述DIV層的顯示樣式(如,背景透明)。獲取的數(shù)據(jù)信息則可以基于DIV層中定義的表單頁面元素進行加載顯示。其中,CSS選擇器可以基于所述數(shù)據(jù)信息對應(yīng)的設(shè)定位置信息來確定所述表單頁面元素在所述內(nèi)置透明頁面中的顯示位置。
[0033]當(dāng)然,本領(lǐng)域技術(shù)人員應(yīng)當(dāng)明了的是,也可以采用Javascript或其他任意適當(dāng)?shù)恼Z言來定義和生成所述內(nèi)置透明頁面,本實施例對此不作限制。
[0034]需要說明的是,所述數(shù)據(jù)信息在所述內(nèi)置透明頁面中的具體展現(xiàn)形式可以包括但不僅限于如下幾種展現(xiàn)形式:
[0035]例如,渲染后的數(shù)據(jù)信息可以以彈窗的形式在所述內(nèi)置透明頁面中顯示:所述彈窗加載在所述內(nèi)置透明頁面中的相應(yīng)位置處(所述設(shè)定位置信息所指示的位置處),所述數(shù)據(jù)信息加載在所述彈窗中顯示。進一步地,用戶可以對所述彈窗進行編輯,如,對所述彈窗中顯示的數(shù)據(jù)信息進行回復(fù)、評論、點贊、轉(zhuǎn)發(fā)、以及關(guān)閉所述彈窗等。
[0036]又例如,渲染后的數(shù)據(jù)信息可以以圖片的形式在所述內(nèi)置透明頁面中顯示所:所述圖片加載在所述內(nèi)置透明頁面中的相應(yīng)位置處,所述數(shù)據(jù)信息加載在所述圖片中顯示。一般地,所述圖片的背景顏色非透明(如,白色、黑色、黃色等)。
[0037]綜上所述,本實施例所述的一種基于瀏覽器的數(shù)據(jù)處理方法,可以在瀏覽器的當(dāng)前標簽頁的頁面之上加載一內(nèi)置透明頁面;并將獲取的與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息渲染后在所述內(nèi)置透明頁面上顯示,可以,在本實施例中,當(dāng)前標簽頁,如,在當(dāng)前標簽頁是一搜索結(jié)果頁面時,除了可以在所述當(dāng)前標簽頁中顯示搜索結(jié)果以外,還可以通過覆蓋在所述當(dāng)前標簽頁頁面之上的內(nèi)置透明頁顯示與設(shè)定關(guān)鍵字相匹配的其他數(shù)據(jù)信息,用戶可以同時查看到搜索結(jié)果和所述與設(shè)定關(guān)鍵字相匹配的其他數(shù)據(jù)信息,豐富了所述當(dāng)前標簽頁的顯示內(nèi)容,用戶可以查看(獲取)到更多的信息。
[0038]進一步地,所述數(shù)據(jù)信息在渲染顯示時,可以根據(jù)所述數(shù)據(jù)信息中攜帶的設(shè)定位置信息在所述內(nèi)置透明頁面中的任意位置處進行顯示,顯示樣式多樣化,不局限于某一設(shè)定的樣式。
[0039]此外,與設(shè)定關(guān)鍵字相匹配的數(shù)據(jù)信息可以但不僅限于是其他用戶針對所述設(shè)定關(guān)鍵字的評論信息、回復(fù)信息等,某一用戶通過所述內(nèi)置透明頁面中加載的數(shù)據(jù)信息,可以獲知到其他用戶的觀點和看法,實現(xiàn)了用戶與用戶之間的實時互動(交互),以及,信息的共享。
[0040]實施例二
[0041]參照圖2,示出了本發(fā)明實施例二中一種基于瀏覽器的數(shù)據(jù)處理方法的步驟流程圖。在本實施例中,所述基于瀏覽器的數(shù)據(jù)處理方法可以包括:
[0042]步驟202,瀏覽器在當(dāng)前標簽頁的頁面之上加載內(nèi)置透明頁面。
[0043]在本實施例中,所述內(nèi)置透