頁面元素的控制方法及裝置制造方法
【專利摘要】本申請?zhí)峁┮环N頁面元素的控制方法及裝置。本申請實(shí)施例通過根據(jù)Web頁面,創(chuàng)建輔助頁面元素,輔助頁面元素的尺寸為Web頁面的尺寸,進(jìn)而根據(jù)輔助頁面元素的尺寸和目標(biāo)頁面元素的尺寸和位置,獲得輔助頁面元素的邊框的尺寸,使得能夠設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
【專利說明】頁面元素的控制方法及裝置
【【技術(shù)領(lǐng)域】】
[0001]本申請涉及萬維網(wǎng)(World Wide Web,Web)頁面處理技術(shù),尤其涉及一種頁面元素的控制方法及裝置。
【【背景技術(shù)】】
[0002]隨著通信技術(shù)的發(fā)展,終端集成了越來越多的功能,從而使得終端的系統(tǒng)功能列表中包含了越來越多相應(yīng)的應(yīng)用程序,例如,電腦中安裝的應(yīng)用程序、第三方智能手機(jī)中安裝的應(yīng)用程序(Applicat1n, APP)等。有些應(yīng)用程序中會(huì)涉及一些萬維網(wǎng)(World WideWeb, Web)頁面,Web頁面可以包括由一個(gè)或者多個(gè)超文本標(biāo)記語言(HyperText MarkupLanguage,HTML)標(biāo)簽組成的一個(gè)顯示區(qū)塊,稱為頁面元素,例如,文字、標(biāo)簽、超鏈接、按鈕、輸入框、下拉框等。在一些情況下,需要突出顯示指定的頁面元素,例如,Web頁面的布局發(fā)生變化之后,需要突出顯示變化的頁面元素。現(xiàn)有技術(shù)中,首先在整個(gè)頁面上方設(shè)置一個(gè)半透明層,然后,復(fù)制需要突出顯示的頁面元素,并將復(fù)制的頁面元素設(shè)置在半透明層的上方,以實(shí)現(xiàn)突出顯示所復(fù)制的頁面元素的目的。由于復(fù)制的頁面元素是單獨(dú)設(shè)置在Web頁面的半透明層上方,使得復(fù)制的頁面元素脫離了 Web頁面的文檔流,因此,需要重新設(shè)置復(fù)制的頁面元素,以保持原始的顯示效果。其中,Web頁面的文檔流就是Web頁面上可顯示對象即頁面元素在排列時(shí)所占用的位置。
[0003]然而,由于復(fù)制的頁面元素脫離了 Web頁面的文檔流,使得無法根據(jù)文檔流設(shè)置該頁面元素的樣式,只能單獨(dú)計(jì)算該頁面元素的樣式,操作復(fù)雜,且容易出錯(cuò),從而導(dǎo)致了頁面元素控制的效率和可靠性的降低。
【
【發(fā)明內(nèi)容】
】
[0004]本申請的多個(gè)方面提供一種頁面元素的控制方法及裝置,用以提高頁面元素控制的效率和可靠性。
[0005]本申請的一方面,提供一種頁面元素的控制方法,包括:
[0006]確定萬維網(wǎng)Web頁面上待控制的目標(biāo)頁面元素;
[0007]根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸;
[0008]根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸;
[0009]設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式。
[0010]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,包括:
[0011]根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述輔助頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。
[0012]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸,包括:
[0013]根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值;
[0014]根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸。
[0015]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,包括:
[0016]在所述Web頁面的主體body標(biāo)簽下,創(chuàng)建所述輔助頁面元素。
[0017]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸之前,還包括:
[0018]利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。
[0019]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述輔助頁面元素為塊級(jí)元素。
[0020]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,
[0021]所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度。
[0022]本申請的另一方面,提供一種頁面元素的控制裝置,包括:
[0023]確定單元,用于確定萬維網(wǎng)Web頁面上待控制的目標(biāo)頁面元素;
[0024]創(chuàng)建單元,用于根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸;
[0025]獲得單元,用于根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸;
[0026]設(shè)置單元,用于設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式。
[0027]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述設(shè)置單元,具體用于
[0028]根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述輔助頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。
[0029]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述獲得單元,具體用于
[0030]根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值;以及
[0031]根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸。
[0032]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述創(chuàng)建單元,具體用于
[0033]在所述Web頁面的主體body標(biāo)簽下,創(chuàng)建所述輔助頁面元素。
[0034]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述確定單元,還用于
[0035]利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。
[0036]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,所述輔助頁面元素為塊級(jí)元素。
[0037]如上所述的方面和任一可能的實(shí)現(xiàn)方式,進(jìn)一步提供一種實(shí)現(xiàn)方式,
[0038]所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度。
[0039]由上述技術(shù)方案可知,本申請實(shí)施例通過根據(jù)Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸,進(jìn)而根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸,使得能夠設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,由于目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了 Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
【【專利附圖】
【附圖說明】】
[0040]為了更清楚地說明本申請實(shí)施例中的技術(shù)方案,下面將對實(shí)施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作一簡單地介紹,顯而易見地,下面描述中的附圖是本申請的一些實(shí)施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動(dòng)性的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
[0041]圖1為本申請一實(shí)施例提供的頁面元素的控制方法的流程示意圖;
[0042]圖2為圖1對應(yīng)的實(shí)施例中一 Web頁面的示意圖;
[0043]圖3為圖1對應(yīng)的實(shí)施例中另一 Web頁面的示意圖;
[0044]圖4為圖1對應(yīng)的實(shí)施例中另一 Web頁面的示意圖;
[0045]圖5為本申請另一實(shí)施例提供的頁面元素的控制裝置的結(jié)構(gòu)示意圖。
【【具體實(shí)施方式】】
[0046]為使本申請實(shí)施例的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚,下面將結(jié)合本申請實(shí)施例中的附圖,對本申請實(shí)施例中的技術(shù)方案進(jìn)行清楚、完整地描述,顯然,所描述的實(shí)施例是本申請一部分實(shí)施例,而不是全部的實(shí)施例?;诒旧暾堉械膶?shí)施例,本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的全部其他實(shí)施例,都屬于本申請保護(hù)的范圍。
[0047]需要說明的是,本申請實(shí)施例中所涉及的終端可以包括但不限于手機(jī)、個(gè)人數(shù)字助理(Personal Digital Assistant, PDA)、無線手持裝置、無線上網(wǎng)本、個(gè)人電腦、便攜電腦、個(gè)人電腦(Personal Computer, PC)、MP3播放器、MP4播放器等。
[0048]另外,本文中術(shù)語“和/或”,僅僅是一種描述關(guān)聯(lián)對象的關(guān)聯(lián)關(guān)系,表示可以存在三種關(guān)系,例如,A和/或B,可以表示:單獨(dú)存在A,同時(shí)存在A和B,單獨(dú)存在B這三種情況。另外,本文中字符“/”,一般表示前后關(guān)聯(lián)對象是一種“或”的關(guān)系。
[0049]圖1為本申請一實(shí)施例提供的頁面元素的控制方法的流程示意圖,如圖1所示。
[0050]101、確定Web頁面上待控制的目標(biāo)頁面元素。
[0051]具體地,所述目標(biāo)頁面元素可以包括但不限于下列中的至少一項(xiàng):文字、標(biāo)簽、超鏈接、按鈕、輸入框和下拉框,本實(shí)施例對此不進(jìn)行限定。這個(gè)目標(biāo)頁面元素就是需要突出顯示的頁面元素。
[0052]102、根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸。
[0053]通過執(zhí)行102,在Web頁面上,創(chuàng)建了一個(gè)整個(gè)Web頁面大小的輔助頁面元素,這個(gè)輔助頁面元素與Web頁面上除了所述目標(biāo)頁面元素之外的其他頁面元素相對應(yīng)。例如,所述輔助頁面元素可以位于Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素之上,也可以是與Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素相重疊。
[0054]優(yōu)選的,所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度,以便在后續(xù)步驟中將所述輔助頁面元素設(shè)置為不透明狀態(tài)時(shí)可以完整的遮蓋住Web頁面上除目標(biāo)頁面元素之外的其他頁面元素。
[0055]可以理解的是,輔助頁面元素的垂直高度與目標(biāo)頁面元素的垂直高度無關(guān),也就是說,輔助頁面元素的垂直高度既可以大于目標(biāo)頁面元素的垂直高度,又可以小于目標(biāo)頁面元素的垂直高度,甚至可以等于目標(biāo)頁面元素的垂直高度,本實(shí)施例對此不進(jìn)行限定。
[0056]103、根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸。
[0057]具體地,所述輔助頁面元素的邊框可以為輔助頁面元素的外邊緣與所述目標(biāo)頁面元素的外邊緣之間的部分??梢愿鶕?jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值。然后,則可以根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸,即上邊框的寬度、下邊框的寬度、左邊框的寬度和右邊框的寬度。
[0058]這樣,可以實(shí)現(xiàn)輔助頁面元素的邊框設(shè)置在所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的地方。
[0059]104、根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述覆蓋頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。
[0060]這樣,由于只設(shè)置了輔助頁面元素的邊框的透明度,使其處于非完全透明狀態(tài),輔助頁面元素的其他部分的透明度缺省設(shè)置為完全透明,即透明度參數(shù)為1,因此,可以突出顯示目標(biāo)頁面元素。
[0061]可以理解的是,步驟104只是本申請實(shí)施例中優(yōu)選實(shí)施例,在具體應(yīng)用中可以將輔助頁面元素的邊框展現(xiàn)方式設(shè)置為不同于目標(biāo)頁面元素的展現(xiàn)方式,以便突出顯示目標(biāo)頁面元素。例如,當(dāng)目標(biāo)頁面元素的主色調(diào)為紅色時(shí),可以將輔助頁面元素的邊框設(shè)置為淺綠色。其他任何可實(shí)現(xiàn)本申請目的的實(shí)施方式均在本申請保護(hù)范圍之內(nèi),本申請對此并不做限定。
[0062]可以理解的是,本申請所涉及的頁面,可以是基于超文本標(biāo)記語言(HyperTextMarkup Language, HTML)編寫的網(wǎng)頁(Web Page),也可以稱為Web頁面。
[0063]需要說明的是,101?104的執(zhí)行主體可以是控制裝置,例如,Web頁面編輯器等,可以位于本地的客戶端中,以進(jìn)行離線控制,或者還可以位于網(wǎng)絡(luò)側(cè)的服務(wù)器中,以進(jìn)行在線控制,本實(shí)施例對此不進(jìn)行限定。
[0064]可以理解的是,所述客戶端可以是安裝在終端上的應(yīng)用程序,或者還可以是瀏覽器的一個(gè)網(wǎng)頁,只要能夠?qū)崿F(xiàn)頁面元素控制,以實(shí)現(xiàn)該頁面元素的突出顯示的客觀存在形式都可以,本實(shí)施例對此不進(jìn)行限定。
[0065]采用本實(shí)施例提供的技術(shù)方案,沒有對目標(biāo)頁面元素進(jìn)行任何操作,致使目標(biāo)頁面元素沒有發(fā)生任何的位置變化,并沒有脫離Web頁面的文檔流。
[0066]這樣,由于并沒有對目標(biāo)頁面元素進(jìn)行任何操作,使得目標(biāo)頁面元素的位置沒有發(fā)生任何變化,也就是說,目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了 Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
[0067]另外,采用本申請?zhí)峁┑募夹g(shù)方案,由于目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,目標(biāo)頁面元素原始的樣式仍然有效,無需重新設(shè)置復(fù)制的頁面元素的樣式,能夠省去大量設(shè)置樣式的操作,從而能夠有效提高頁面元素控制的效率。
[0068]另外,采用本申請?zhí)峁┑募夹g(shù)方案,通過采用頁面元素即輔助頁面元素的邊框的方式,來處理半透明層或不透明層,從而實(shí)現(xiàn)了無需改變原始的Web頁面的文檔流,就能夠突出顯示網(wǎng)頁元素即目標(biāo)網(wǎng)頁元素的目的。
[0069]現(xiàn)有的頁面元素的控制方法,首先在整個(gè)頁面上方設(shè)置一個(gè)半透明層,然后,復(fù)制需要突出顯示的頁面元素,并將復(fù)制的頁面元素設(shè)置在半透明層的上方,以實(shí)現(xiàn)突出顯示所復(fù)制的頁面元素的目的。由于復(fù)制的頁面元素是單獨(dú)設(shè)置在Web頁面的半透明層上方,使得復(fù)制的頁面元素脫離了 Web頁面的文檔流,因此,需要重新設(shè)置復(fù)制的頁面元素,以保持原始的顯示效果。這樣,由于復(fù)制的頁面元素脫離了 Web頁面的文檔流,使得無法根據(jù)文檔流設(shè)置該頁面元素的樣式,只能單獨(dú)計(jì)算該頁面元素的樣式,操作復(fù)雜,且容易出錯(cuò),從而導(dǎo)致了頁面元素控制的效率和可靠性的降低。
[0070]可選地,在本實(shí)施例的一個(gè)可能的實(shí)現(xiàn)方式中,在103之前,控制裝置還可以進(jìn)一步利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。如圖2所示,圖中單向箭頭所指的即為所述目標(biāo)頁面元素。
[0071]具體地,在103中,控制裝置具體可以根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值,即上方的尺寸差值、下方的尺寸差值、左方的尺寸差值和右方的尺寸差值。然后,所述控制裝置則可以根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸,即上邊框的寬度、下邊框的寬度、左邊框的寬度和右邊框的寬度。如圖3所示,圖中雙向箭頭所指的即為輔助頁面元素的邊框的尺寸。
[0072]這樣,如圖4所示,即為控制裝置通過執(zhí)行104,所獲得處理之后的Web頁面。
[0073]需要說明的是,在圖2?圖4所示出的Web頁面上,只需要關(guān)注Web頁面的布局即頁面元素的尺寸和位置,而不需要關(guān)注每個(gè)頁面元素的內(nèi)容,也就是說,頁面元素的內(nèi)容所包含的英文字符只是示意性質(zhì)的,并沒有特別含義,可以忽略。
[0074]可選地,在本實(shí)施例的一個(gè)可能的實(shí)現(xiàn)方式中,在102中,控制裝置具體可以在所述Web頁面的主體(body)標(biāo)簽下,創(chuàng)建所述輔助頁面元素。具體地,所述輔助頁面元素為塊級(jí)元素。其中,所述輔助頁面元素可以采用絕對定位方式,坐標(biāo)可以為(0,O);或者還可以采用相對定位方式,坐標(biāo)則可以為(0,0),本實(shí)施例對此不進(jìn)行限定。
[0075]本實(shí)施例中,通過根據(jù)Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸,進(jìn)而根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸,使得能夠設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,由于并沒有對目標(biāo)頁面元素進(jìn)行任何操作,使得目標(biāo)頁面元素的位置沒有發(fā)生任何變化,也就是說,目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了 Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
[0076]另外,采用本申請?zhí)峁┑募夹g(shù)方案,由于目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,目標(biāo)頁面元素原始的樣式仍然有效,無需重新設(shè)置復(fù)制的頁面元素的樣式,能夠省去大量設(shè)置樣式的操作,從而能夠有效提高頁面元素控制的效率。
[0077]另外,采用本申請?zhí)峁┑募夹g(shù)方案,通過采用頁面元素即輔助頁面元素的邊框的方式,來處理半透明層或不透明層,從而實(shí)現(xiàn)了無需改變原始的Web頁面的文檔流,就能夠突出顯示網(wǎng)頁元素即目標(biāo)網(wǎng)頁元素的目的。
[0078]需要說明的是,對于前述的各方法實(shí)施例,為了簡單描述,故將其都表述為一系列的動(dòng)作組合,但是本領(lǐng)域技術(shù)人員應(yīng)該知悉,本申請并不受所描述的動(dòng)作順序的限制,因?yàn)橐罁?jù)本申請,某些步驟可以采用其他順序或者同時(shí)進(jìn)行。其次,本領(lǐng)域技術(shù)人員也應(yīng)該知悉,說明書中所描述的實(shí)施例均屬于優(yōu)選實(shí)施例,所涉及的動(dòng)作和模塊并不一定是本申請所必須的。
[0079]在上述實(shí)施例中,對各個(gè)實(shí)施例的描述都各有側(cè)重,某個(gè)實(shí)施例中沒有詳述的部分,可以參見其他實(shí)施例的相關(guān)描述。
[0080]圖5為本申請另一實(shí)施例提供的頁面元素的控制裝置的結(jié)構(gòu)示意圖,如圖5所示。本實(shí)施例的頁面元素的控制裝置可以包括確定單元51、創(chuàng)建單元52、獲得單元53和設(shè)置單元54。其中,確定單元51,用于確定Web頁面上待控制的目標(biāo)頁面元素;創(chuàng)建單元52,用于根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸;獲得單元53,用于根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸;設(shè)置單元54,用于設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式。
[0081]具體地,所述目標(biāo)頁面元素可以包括但不限于下列中的至少一項(xiàng):文字、標(biāo)簽、超鏈接、按鈕、輸入框和下拉框,本實(shí)施例對此不進(jìn)行限定。這個(gè)目標(biāo)頁面元素就是需要突出顯示的頁面元素。
[0082]所述創(chuàng)建單元52通過執(zhí)行相應(yīng)的操作,在Web頁面上,倉Il建了一個(gè)整個(gè)Web頁面大小的輔助頁面元素,這個(gè)輔助頁面元素與Web頁面上除了所述目標(biāo)頁面元素之外的其他頁面元素相對應(yīng)。例如,所述輔助頁面元素可以位于Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素之上,也可以是與Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素相重疊。
[0083]優(yōu)選的,所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度,以便在后續(xù)步驟中將所述輔助頁面元素設(shè)置為不透明狀態(tài)時(shí)可以完整的遮蓋住Web頁面上除目標(biāo)頁面元素之外的其他頁面元素。
[0084]可以理解的是,輔助頁面元素的垂直高度與目標(biāo)頁面元素的垂直高度無關(guān),也就是說,輔助頁面元素的垂直高度既可以大于目標(biāo)頁面元素的垂直高度,又可以小于目標(biāo)頁面元素的垂直高度,甚至可以等于目標(biāo)頁面元素的垂直高度,本實(shí)施例對此不進(jìn)行限定。
[0085]可以理解的是,本申請所涉及的頁面,可以是基于超文本標(biāo)記語言(HyperTextMarkup Language, HTML)編寫的網(wǎng)頁(Web Page),也可以稱為Web頁面。
[0086]具體地,所述輔助頁面元素的邊框可以為輔助頁面元素的外邊緣與所述目標(biāo)頁面元素的外邊緣之間的部分。所述獲得單元53具體可以根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值。然后,所述獲得單元53則可以根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸,即上邊框的寬度、下邊框的寬度、左邊框的寬度和右邊框的寬度。
[0087]這樣,可以實(shí)現(xiàn)輔助頁面元素的邊框設(shè)置在所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的地方。
[0088]可選地,在本實(shí)施例的一個(gè)可能的實(shí)現(xiàn)方式中,所述設(shè)置單元54具體可以根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述覆蓋頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。由于設(shè)置單元54只設(shè)置了輔助頁面元素的邊框的透明度,使其處于非完全透明狀態(tài),輔助頁面元素的其他部分的透明度缺省設(shè)置為完全透明,即透明度參數(shù)為1,因此,可以突出顯示目標(biāo)頁面元素。
[0089]可以理解的是,當(dāng)目標(biāo)頁面元素的主色調(diào)為紅色時(shí),所述設(shè)置單元54具體還可以將輔助頁面元素的邊框設(shè)置為淺綠色。其他任何可實(shí)現(xiàn)本申請目的的實(shí)施方式均在本申請保護(hù)范圍之內(nèi),本申請對此并不做限定。
[0090]需要說明的是,本實(shí)施例提供的裝置可以是控制裝置,例如,Web頁面編輯器等,可以位于本地的客戶端中,以進(jìn)行離線控制,或者還可以位于網(wǎng)絡(luò)側(cè)的服務(wù)器中,以進(jìn)行在線控制,本實(shí)施例對此不進(jìn)行限定。
[0091]可以理解的是,所述客戶端可以是安裝在終端上的應(yīng)用程序,或者還可以是瀏覽器的一個(gè)網(wǎng)頁,只要能夠?qū)崿F(xiàn)頁面元素控制,以實(shí)現(xiàn)該頁面元素的突出顯示的客觀存在形式都可以,本實(shí)施例對此不進(jìn)行限定。
[0092]采用本實(shí)施例提供的技術(shù)方案,沒有對目標(biāo)頁面元素進(jìn)行任何操作,致使目標(biāo)頁面元素沒有發(fā)生任何的位置變化,并沒有脫離Web頁面的文檔流。
[0093]這樣,由于并沒有對目標(biāo)頁面元素進(jìn)行任何操作,使得目標(biāo)頁面元素的位置沒有發(fā)生任何變化,也就是說,目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了 Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
[0094]另外,采用本申請?zhí)峁┑募夹g(shù)方案,由于目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,目標(biāo)頁面元素原始的樣式仍然有效,無需重新設(shè)置復(fù)制的頁面元素的樣式,能夠省去大量設(shè)置樣式的操作,從而能夠有效提高頁面元素控制的效率。
[0095]另外,采用本申請?zhí)峁┑募夹g(shù)方案,通過采用頁面元素即輔助頁面元素的邊框的方式,來處理半透明層或不透明層,從而實(shí)現(xiàn)了無需改變原始的Web頁面的文檔流,就能夠突出顯示網(wǎng)頁元素即目標(biāo)網(wǎng)頁元素的目的。
[0096]現(xiàn)有的頁面元素的控制裝置,首先在整個(gè)頁面上方設(shè)置一個(gè)半透明層,然后,復(fù)制需要突出顯示的頁面元素,并將復(fù)制的頁面元素設(shè)置在半透明層的上方,以實(shí)現(xiàn)突出顯示所復(fù)制的頁面元素的目的。由于復(fù)制的頁面元素是單獨(dú)設(shè)置在Web頁面的半透明層上方,使得復(fù)制的頁面元素脫離了 Web頁面的文檔流,因此,需要重新設(shè)置復(fù)制的頁面元素,以保持原始的顯示效果。這樣,由于復(fù)制的頁面元素脫離了 Web頁面的文檔流,使得無法根據(jù)文檔流設(shè)置該頁面元素的樣式,只能單獨(dú)計(jì)算該頁面元素的樣式,操作復(fù)雜,且容易出錯(cuò),從而導(dǎo)致了頁面元素控制的效率和可靠性的降低。
[0097]可選地,在本實(shí)施例的一個(gè)可能的實(shí)現(xiàn)方式中,所述確定單元51,還可以進(jìn)一步用于利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。如圖2所示,圖中單向箭頭所指的即為所述目標(biāo)頁面元素。
[0098]具體地,所述獲得單元53,具體可以用于根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值,即上方的尺寸差值、下方的尺寸差值、左方的尺寸差值和右方的尺寸差值;以及根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸,即上邊框的寬度、下邊框的寬度、左邊框的寬度和右邊框的寬度。如圖3所示,圖中雙向箭頭所指的即為輔助頁面元素的邊框的尺寸。
[0099]這樣,如圖4所示,即為設(shè)置單元54通過執(zhí)行根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述覆蓋頁面元素的邊框的透明度的操作,所獲得的處理之后的Web頁面。其中,所述透明度參數(shù)大于或等于O且小于I。
[0100]需要說明的是,在圖2?圖4所示出的Web頁面上,只需要關(guān)注Web頁面的布局即頁面元素的尺寸和位置,而不需要關(guān)注每個(gè)頁面元素的內(nèi)容,也就是說,頁面元素的內(nèi)容所包含的英文字符只是示意性質(zhì)的,并沒有特別含義,可以忽略。
[0101]可選地,在本實(shí)施例的一個(gè)可能的實(shí)現(xiàn)方式中,所述創(chuàng)建單元52,具體用于在所述Web頁面的body標(biāo)簽下,創(chuàng)建所述輔助頁面元素。具體地,所述輔助頁面元素為塊級(jí)元素。其中,所述輔助頁面元素可以采用絕對定位方式,坐標(biāo)可以為(0,O);或者還可以采用相對定位方式,坐標(biāo)則可以為(0,O ),本實(shí)施例對此不進(jìn)行限定。
[0102]本實(shí)施例中,通過創(chuàng)建單元根據(jù)Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸,進(jìn)而由獲得單元根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸,使得設(shè)置單元能夠設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,由于并沒有對目標(biāo)頁面元素進(jìn)行任何操作,使得目標(biāo)頁面元素的位置沒有發(fā)生任何變化,也就是說,目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,能夠避免現(xiàn)有技術(shù)中由于復(fù)制的頁面元素即目標(biāo)頁面元素脫離了 Web頁面的文檔流而導(dǎo)致的重新設(shè)置復(fù)制的頁面元素的樣式的問題,操作簡單,且正確率高,從而提高了頁面元素控制的效率和可靠性。
[0103]另外,采用本申請?zhí)峁┑募夹g(shù)方案,由于目標(biāo)頁面元素始終沒有脫離Web頁面的文檔流,因此,目標(biāo)頁面元素原始的樣式仍然有效,無需重新設(shè)置復(fù)制的頁面元素的樣式,能夠省去大量設(shè)置樣式的操作,從而能夠有效提高頁面元素控制的效率。
[0104]另外,采用本申請?zhí)峁┑募夹g(shù)方案,通過采用頁面元素即輔助頁面元素的邊框的方式,來處理半透明層或不透明層,從而實(shí)現(xiàn)了無需改變原始的Web頁面的文檔流,就能夠突出顯示網(wǎng)頁元素即目標(biāo)網(wǎng)頁元素的目的。
[0105]所屬領(lǐng)域的技術(shù)人員可以清楚地了解到,為描述的方便和簡潔,上述描述的系統(tǒng),裝置和單元的具體工作過程,可以參考前述方法實(shí)施例中的對應(yīng)過程,在此不再贅述。
[0106]在本申請所提供的幾個(gè)實(shí)施例中,應(yīng)該理解到,所揭露的系統(tǒng),裝置和方法,可以通過其它的方式實(shí)現(xiàn)。例如,以上所描述的裝置實(shí)施例僅僅是示意性的,例如,所述單元的劃分,僅僅為一種邏輯功能劃分,實(shí)際實(shí)現(xiàn)時(shí)可以有另外的劃分方式,例如多個(gè)單元或組件可以結(jié)合或者可以集成到另一個(gè)系統(tǒng),或一些特征可以忽略,或不執(zhí)行。另一點(diǎn),所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口,裝置或單元的間接耦合或通信連接,可以是電性,機(jī)械或其它的形式。
[0107]所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個(gè)地方,或者也可以分布到多個(gè)網(wǎng)絡(luò)單元上??梢愿鶕?jù)實(shí)際的需要選擇其中的部分或者全部單元來實(shí)現(xiàn)本實(shí)施例方案的目的。
[0108]另外,在本申請各個(gè)實(shí)施例中的各功能單元可以集成在一個(gè)處理單元中,也可以是各個(gè)單元單獨(dú)物理存在,也可以兩個(gè)或兩個(gè)以上單元集成在一個(gè)單元中。上述集成的單元既可以采用硬件的形式實(shí)現(xiàn),也可以采用硬件加軟件功能單元的形式實(shí)現(xiàn)。
[0109]上述以軟件功能單元的形式實(shí)現(xiàn)的集成的單元,可以存儲(chǔ)在一個(gè)計(jì)算機(jī)可讀取存儲(chǔ)介質(zhì)中。上述軟件功能單元存儲(chǔ)在一個(gè)存儲(chǔ)介質(zhì)中,包括若干指令用以使得一臺(tái)計(jì)算機(jī)設(shè)備(可以是個(gè)人計(jì)算機(jī),服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)或處理器(processor)執(zhí)行本申請各個(gè)實(shí)施例所述方法的部分步驟。而前述的存儲(chǔ)介質(zhì)包括:U盤、移動(dòng)硬盤、只讀存儲(chǔ)器(Read-Only Memory, ROM)、隨機(jī)存取存儲(chǔ)器(Random Access Memory, RAM)、磁碟或者光盤等各種可以存儲(chǔ)程序代碼的介質(zhì)。
[0110]最后應(yīng)說明的是:以上實(shí)施例僅用以說明本申請的技術(shù)方案,而非對其限制;盡管參照前述實(shí)施例對本申請進(jìn)行了詳細(xì)的說明,本領(lǐng)域的普通技術(shù)人員應(yīng)當(dāng)理解:其依然可以對前述各實(shí)施例所記載的技術(shù)方案進(jìn)行修改,或者對其中部分技術(shù)特征進(jìn)行等同替換;而這些修改或者替換,并不使相應(yīng)技術(shù)方案的本質(zhì)脫離本申請各實(shí)施例技術(shù)方案的精神和范圍。
【權(quán)利要求】
1.一種頁面元素的控制方法,其特征在于,包括: 確定萬維網(wǎng)Web頁面上待控制的目標(biāo)頁面元素; 根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸; 根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸; 設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式,包括: 根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述輔助頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。
3.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸,包括: 根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值; 根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸。
4.根據(jù)權(quán)利要求1?3任一權(quán)利要求所述的方法,其特征在于,所述根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,包括: 在所述Web頁面的主體body標(biāo)簽下,創(chuàng)建所述輔助頁面元素。
5.根據(jù)權(quán)利要求1?3任一權(quán)利要求所述的方法,其特征在于,所述根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸之前,還包括: 利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。
6.根據(jù)權(quán)利要求1?3任一權(quán)利要求所述的方法,其特征在于,所述輔助頁面元素為塊級(jí)元素。
7.根據(jù)權(quán)利要求1?3任一權(quán)利要求所述的方法,其特征在于, 所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度。
8.一種頁面元素的控制裝置,其特征在于,包括: 確定單元,用于確定萬維網(wǎng)Web頁面上待控制的目標(biāo)頁面元素; 創(chuàng)建單元,用于根據(jù)所述Web頁面,創(chuàng)建輔助頁面元素,所述輔助頁面元素的尺寸為所述Web頁面的尺寸; 獲得單元,用于根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素的邊框的尺寸; 設(shè)置單元,用于設(shè)置所述輔助頁面元素的邊框展現(xiàn)方式為不同于所述目標(biāo)頁面元素的展現(xiàn)方式。
9.根據(jù)權(quán)利要求8所述的裝置,其特征在于,所述設(shè)置單元,具體用于 根據(jù)預(yù)先設(shè)置的透明度參數(shù),設(shè)置所述輔助頁面元素的邊框的透明度,所述透明度參數(shù)大于或等于O且小于I。
10.根據(jù)權(quán)利要求8所述的裝置,其特征在于,所述獲得單元,具體用于 根據(jù)所述輔助頁面元素的尺寸和所述目標(biāo)頁面元素的尺寸和位置,獲得所述輔助頁面元素與所述目標(biāo)頁面元素在每個(gè)方向上的尺寸差值;以及 根據(jù)所述每個(gè)方向上的尺寸差值,獲得所述輔助頁面元素的邊框的尺寸。
11.根據(jù)權(quán)利要求8?10任一權(quán)利要求所述的裝置,其特征在于,所述創(chuàng)建單元,具體用于 在所述Web頁面的主體body標(biāo)簽下,創(chuàng)建所述輔助頁面元素。
12.根據(jù)權(quán)利要求8?10任一權(quán)利要求所述的裝置,其特征在于,所述確定單元,還用于 利用JavaScript語言,確定所述目標(biāo)頁面元素的尺寸和位置。
13.根據(jù)權(quán)利要求8?10任一權(quán)利要求所述的裝置,其特征在于,所述輔助頁面元素為塊級(jí)元素。
14.根據(jù)權(quán)利要求8?10任一權(quán)利要求所述的裝置,其特征在于, 所述輔助頁面元素的垂直高度大于所述Web頁面上除了所述目標(biāo)頁面元素之外的任一其他頁面元素的垂直高度。
【文檔編號(hào)】G06F17/30GK104424318SQ201310406716
【公開日】2015年3月18日 申請日期:2013年9月9日 優(yōu)先權(quán)日:2013年9月9日
【發(fā)明者】賀鵬 申請人:阿里巴巴集團(tuán)控股有限公司