單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及一種單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法。
【背景技術(shù)】
[0002]目前，現(xiàn)在網(wǎng)站的直觀顯示方式是通過(guò)瀏覽器打開方式實(shí)現(xiàn)的，單一瀏覽器一次只能顯示一個(gè)網(wǎng)址的頁(yè)面，如果需要瀏覽另一個(gè)網(wǎng)站就必須打開新的瀏覽窗口，原來(lái)的網(wǎng)頁(yè)就會(huì)被遮蓋，如果打開了很多新頁(yè)面的話，就會(huì)影響到新頁(yè)面的加載速度，降低用戶體驗(yàn)度。這樣就只能去關(guān)閉一些打開的窗口，對(duì)于每天都用電腦的人來(lái)說(shuō)，是一件非常浪費(fèi)時(shí)間又很無(wú)賴的事，尤其是經(jīng)常會(huì)錯(cuò)誤的關(guān)掉一些還要保留的頁(yè)面，因?yàn)槎际橇?xí)慣性的動(dòng)作，關(guān)閉了就無(wú)法再返回，只能再去網(wǎng)址導(dǎo)航網(wǎng)站重新打開，降低了瀏覽效率。
[0003]現(xiàn)在，互聯(lián)網(wǎng)商業(yè)已經(jīng)越來(lái)越多的影響著人們的購(gòu)物方式，網(wǎng)上購(gòu)物已經(jīng)成為了很多人的主要購(gòu)物方式，然而在網(wǎng)上選擇又好又實(shí)惠的商品就不是一件很容易的事了，同樣的商品在不同的網(wǎng)站價(jià)格各不一樣，同類商品不同品牌的也各有優(yōu)缺點(diǎn)，以現(xiàn)在打開網(wǎng)站的方法無(wú)法在同一個(gè)頁(yè)面對(duì)不同網(wǎng)站的網(wǎng)頁(yè)進(jìn)行對(duì)比，用戶往往要花費(fèi)很多的時(shí)間在不同的網(wǎng)站上對(duì)比尋找才能找到自己想要的商品，這是現(xiàn)在單屏瀏覽方式無(wú)法忽視的缺點(diǎn)。另外，雖然也有網(wǎng)頁(yè)多屏瀏覽的現(xiàn)有技術(shù)出現(xiàn)，但實(shí)現(xiàn)手段比較復(fù)雜，操作不便的缺點(diǎn)也相對(duì)明顯。

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

[0004]本發(fā)明的目的在于克服上述不足，提供一種單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法，一方面，克服了現(xiàn)有技術(shù)瀏覽效率低下的缺點(diǎn)，另一方面，實(shí)現(xiàn)的技術(shù)手段簡(jiǎn)便可行。
[0005]為了實(shí)現(xiàn)上述目的，本發(fā)明采用的技術(shù)方案為:一種單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法，其特征在于，包括:對(duì)網(wǎng)頁(yè)進(jìn)行分區(qū)操作，以獲得網(wǎng)站建設(shè)區(qū)域和分屏顯示區(qū)域；對(duì)所述的分屏顯示區(qū)域進(jìn)行分屏操作，以獲得多個(gè)分屏顯示區(qū)；在所述的每個(gè)分屏顯示區(qū)進(jìn)行網(wǎng)頁(yè)瀏覽功能構(gòu)建；在所述的網(wǎng)站建設(shè)區(qū)域設(shè)置第一網(wǎng)站；將第一網(wǎng)站所鏈接的網(wǎng)頁(yè)的瀏覽方式進(jìn)行打開操作，以進(jìn)行多屏同時(shí)瀏覽。
[0006]進(jìn)一步地，所述的網(wǎng)站建設(shè)區(qū)域與分屏顯示區(qū)域的大小比例與位置關(guān)系是任意的。
[0007]進(jìn)一步地，所述的分屏顯示區(qū)的數(shù)量與形狀適應(yīng)于所述的分屏顯示區(qū)域的大小。
[0008]進(jìn)一步地，所述的分屏顯示區(qū)的數(shù)量為至少一個(gè)。
[0009]進(jìn)一步地，所述的網(wǎng)頁(yè)瀏覽功能包括構(gòu)建:網(wǎng)頁(yè)的放大功能，網(wǎng)頁(yè)的縮小功能，網(wǎng)頁(yè)的拖動(dòng)功能，網(wǎng)頁(yè)的關(guān)閉功能，和/或網(wǎng)頁(yè)地址搜索欄功能。
[0010]進(jìn)一步地，所述的第一網(wǎng)站為企業(yè)官方網(wǎng)站，或網(wǎng)址導(dǎo)航網(wǎng)站，以及所有符合現(xiàn)有網(wǎng)站特性的網(wǎng)站。
[0011]進(jìn)一步地，所述的打開操作包括:直接在所述的網(wǎng)站建設(shè)區(qū)域通過(guò)刷新進(jìn)行瀏覽，或通過(guò)跳轉(zhuǎn)至所述的多個(gè)分屏顯示區(qū)依次進(jìn)行瀏覽。
[0012]進(jìn)一步地，所述的直接在所述的網(wǎng)站建設(shè)區(qū)域通過(guò)刷新進(jìn)行瀏覽是:利用javascript設(shè)置標(biāo)簽的target屬性值。
[0013]進(jìn)一步地，利用javascript去獲取當(dāng)前點(diǎn)擊的鏈接地址，并賦值到分屏顯示區(qū)的src屬性值。
[0014]本發(fā)明的另一目的還在于提供一種單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法在計(jì)算機(jī)顯示屏或手機(jī)顯示屏中的應(yīng)用。
[0015]本發(fā)明的有益效果為:
[0016]第一，實(shí)現(xiàn)手段簡(jiǎn)單，方法的步驟包括對(duì)網(wǎng)頁(yè)進(jìn)行分區(qū)操作，以獲得網(wǎng)站建設(shè)區(qū)域和分屏顯示區(qū)域；對(duì)所述的分屏顯示區(qū)域進(jìn)行分屏操作，以獲得多個(gè)分屏顯示區(qū)；在所述的每個(gè)分屏顯示區(qū)進(jìn)行網(wǎng)頁(yè)瀏覽功能構(gòu)建；在所述的網(wǎng)站建設(shè)區(qū)域設(shè)置第一網(wǎng)站；將第一網(wǎng)站所鏈接的網(wǎng)頁(yè)的瀏覽方式進(jìn)行打開操作，以進(jìn)行多屏同時(shí)瀏覽，大大減少了人們?yōu)g覽網(wǎng)站的步驟，提高了瀏覽效率。
[0017]第二，應(yīng)用范圍廣泛，用于企業(yè)網(wǎng)站，用戶可以在單一瀏覽器顯示屏內(nèi)同時(shí)打開多個(gè)新窗口同時(shí)瀏覽，減少了用戶瀏覽網(wǎng)頁(yè)的步驟，節(jié)約了時(shí)間，提高了效率；用于網(wǎng)址導(dǎo)航網(wǎng)站上，那么用戶就可以在網(wǎng)站導(dǎo)航網(wǎng)站打開的狀態(tài)下同時(shí)打開多個(gè)網(wǎng)站瀏覽，對(duì)于搜索和比較商品帶來(lái)非常大的便利。
[0018]第三，提升用戶體驗(yàn)，由于是多屏顯示，相對(duì)于滿屏顯現(xiàn)范圍較小，又是在當(dāng)前頁(yè)面刷新顯示的，那么每次打開新窗口頁(yè)面跳轉(zhuǎn)幅度比較小，對(duì)眼睛的傷害就會(huì)相對(duì)變小，可以有效緩解長(zhǎng)時(shí)間對(duì)著電腦的疲勞度。
【附圖說(shuō)明】
[0019]圖1是本發(fā)明的單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法的流程圖；
[0020]圖2是圖1所述方法的網(wǎng)頁(yè)分區(qū)示意圖；
[0021]圖3是圖1所述方法的分屏顯示區(qū)的示意圖；
[0022]圖4是本發(fā)明的每個(gè)分屏顯示區(qū)進(jìn)行網(wǎng)頁(yè)瀏覽功能構(gòu)建示意圖；
[0023]圖5是本發(fā)明的方法在計(jì)算機(jī)顯示屏中的應(yīng)用示意圖；
[0024]圖6是本發(fā)明的方法在手機(jī)顯示屏中的應(yīng)用示意圖。
【具體實(shí)施方式】
[0025]下面結(jié)合附圖對(duì)本發(fā)明作進(jìn)一步的描述。
[0026]如圖1所示，本發(fā)明的單一瀏覽器下網(wǎng)站頁(yè)面多屏同時(shí)瀏覽的方法，包括:S100，對(duì)網(wǎng)頁(yè)進(jìn)行分區(qū)操作，以獲得網(wǎng)站建設(shè)區(qū)域和分屏顯示區(qū)域；S200，對(duì)所述的分屏顯示區(qū)域進(jìn)行分屏操作，以獲得多個(gè)分屏顯示區(qū)；S300，在所述的每個(gè)分屏顯示區(qū)進(jìn)行網(wǎng)頁(yè)瀏覽功能構(gòu)建；S400，在所述的網(wǎng)站建設(shè)區(qū)域設(shè)置第一網(wǎng)站；S500，將第一網(wǎng)站所鏈接的網(wǎng)頁(yè)的瀏覽方式進(jìn)行打開操作，以進(jìn)行多屏同時(shí)瀏覽。
[0027]優(yōu)選地，所述的網(wǎng)站建設(shè)區(qū)域與分屏顯示區(qū)域的大小比例與位置關(guān)系是任意的。
[0028]優(yōu)選地，所述的分屏顯示區(qū)的數(shù)量與形狀適應(yīng)于所述的分屏顯示區(qū)域的大小。
[0029]優(yōu)選地，所述的分屏顯示區(qū)的數(shù)量為至少一個(gè)。
[0030]優(yōu)選地，所述的網(wǎng)頁(yè)瀏覽功能包括構(gòu)建:網(wǎng)頁(yè)的放大功能，網(wǎng)頁(yè)的縮小功能，網(wǎng)頁(yè)的拖動(dòng)功能，網(wǎng)頁(yè)的關(guān)閉功能，和/或網(wǎng)頁(yè)地址搜索欄功能。
[0031]優(yōu)選地，所述的第一網(wǎng)站為企業(yè)官方網(wǎng)站，或網(wǎng)址導(dǎo)航網(wǎng)站，以及所有符合現(xiàn)有網(wǎng)站特性的網(wǎng)站。
[0032]優(yōu)選地，所述的打開操作包括:直接在所述的網(wǎng)站建設(shè)區(qū)域通過(guò)刷新進(jìn)行瀏覽，或通過(guò)跳轉(zhuǎn)至所述的多個(gè)分屏顯示區(qū)依次進(jìn)行瀏覽。
[0033]作為具體的實(shí)施例，如圖2所示，把瀏覽器顯示區(qū)分割成兩個(gè)區(qū)，一邊是自己主網(wǎng)站的搭建和顯示區(qū)，一邊是分屏顯示區(qū)，用來(lái)顯示自己網(wǎng)站的新頁(yè)面。自己主網(wǎng)站的顯示區(qū)位置的大小，形狀，及方位可以根據(jù)實(shí)際需要做任意調(diào)整。在具體的實(shí)施例中，利用javascript獲取網(wǎng)頁(yè)鏈接并賦值iframe框架的src路徑，讓整個(gè)網(wǎng)頁(yè)分為兩個(gè)區(qū)。
[0034]作為具體的實(shí)施例，如圖3所示，根據(jù)需要，分屏區(qū)可以劃分為一屏，兩屏，三屏，四屏等任意數(shù)量分屏，一般來(lái)講一，二，三，四屏最實(shí)用，因?yàn)榉值枚?，單一分屏的尺寸就越小，以現(xiàn)在的顯示器尺寸來(lái)講在大尺寸電腦顯示器四屏以內(nèi)就最好，手機(jī)端和平板電腦等小尺寸電腦顯示屏兩屏以內(nèi)就最好。移動(dòng)手機(jī)顯示一屏最好。這樣就可以同時(shí)打開2-4個(gè)不同的網(wǎng)站進(jìn)行同時(shí)比較瀏覽。在具體的實(shí)施例中，這一步利用javascript添加iframe元素至網(wǎng)頁(yè)頁(yè)面，并結(jié)合CSS樣式顯示成多屏效果。
[0035]作為具體的實(shí)施例，如圖4所示，把每個(gè)分屏顯示框的功能搭建好，使每個(gè)分屏框都可以獨(dú)立打開一個(gè)網(wǎng)址，為了便于瀏覽，每個(gè)分屏框都具有瀏覽器的一些功能，可以放大，縮小，拖動(dòng)，關(guān)閉。跟瀏覽器一樣，也設(shè)立一個(gè)網(wǎng)頁(yè)地址搜索欄，搜索欄可以打開任何的有效網(wǎng)址，這樣每個(gè)分屏框就獨(dú)立起來(lái)了，不但可以展示主網(wǎng)站打開的網(wǎng)頁(yè)，也可以顯示用戶想打開的任何有效網(wǎng)址，在