亚洲成年人黄色一级片,日本香港三级亚洲三级,黄色成人小视频,国产青草视频,国产一区二区久久精品,91在线免费公开视频,成年轻人网站色直接看

瀏覽器窗口界面展現(xiàn)方法及系統(tǒng)的制作方法

文檔序號:6487409閱讀:192來源:國知局
瀏覽器窗口界面展現(xiàn)方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明公開了瀏覽器窗口界面展現(xiàn)方法及系統(tǒng),其中,所述方法包括:獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息;根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置;根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景。通過本發(fā)明,能夠使得瀏覽器窗口的不同展現(xiàn)區(qū)域的背景可與同一背景相關(guān)。
【專利說明】瀏覽器窗口界面展現(xiàn)方法及系統(tǒng)
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及瀏覽器【技術(shù)領(lǐng)域】,特別是涉及瀏覽器窗口界面展現(xiàn)方法及系統(tǒng)。
【背景技術(shù)】
[0002]瀏覽器是人們?yōu)g覽各種網(wǎng)頁時必不可少的工具。根據(jù)展現(xiàn)區(qū)功能的不同,瀏覽器窗口一般可以分為兩部分,其中一部分通??梢苑Q為主界面,用于展現(xiàn)瀏覽器提供的各種工具欄、地址欄、標簽欄等對象,另一部分通??梢苑Q為網(wǎng)頁界面,用于展現(xiàn)網(wǎng)頁的具體內(nèi)容。
[0003]目前很多的瀏覽器都提供了設(shè)置瀏覽器主題背景的功能,通過選擇不同的主題背景對瀏覽器進行配置,就可以改變?yōu)g覽器窗口的外觀,使其具有個性化特點。
[0004]但是在傳統(tǒng)的瀏覽器技術(shù)中,一般只有瀏覽器的主界面的背景是可以由用戶根據(jù)瀏覽器提供的功能入口進行配置的,而網(wǎng)頁界面的背景一般是取決于網(wǎng)頁自身的CSS(Cascading Style Sheet,級聯(lián)樣式表)樣式等頁面配置。因此,瀏覽器的主題背景一般只能展現(xiàn)在主界面中,而無法展現(xiàn)到瀏覽器的網(wǎng)頁界面中。例如,如圖1-1所示,將瀏覽器的主題背景選擇為“西瓜皮”,此時,主界面區(qū)域的背景顯示為名稱為“西瓜皮”的圖片;如圖1-2所示,將瀏覽器主題背景選擇為“玫瑰”時,主界面區(qū)域的背景變?yōu)槊Q為“玫瑰”的圖片;但對比圖1-1與圖1-2可以發(fā)現(xiàn),兩者的網(wǎng)頁界面區(qū)域的背景并不會發(fā)生變化,始終顯示為網(wǎng)頁制作者定義的原有樣式。

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

[0005]本發(fā)明提供了瀏覽器窗口界面展現(xiàn)方法及系統(tǒng),能夠使得瀏覽器窗口的不同展現(xiàn)區(qū)域的背景可與同一背景相關(guān)。
[0006]本發(fā)明提供了如下方案:
[0007]—種瀏覽器窗口界面展現(xiàn)方法,包括:
[0008]獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息;
[0009]根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置;
[0010]根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景。
[0011]可選的,所述獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息包括:
[0012]獲取瀏覽器主界面區(qū)域的主題背景配置信息;
[0013]所述根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置包括:
[0014]在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0015]所述根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景包括:
[0016]基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。[0017]可選的,還包括:
[0018]向所述指定網(wǎng)頁中注入預(yù)置的JS腳本;
[0019]接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將所述瀏覽器的主題背景配置信息發(fā)送給所述JS腳本;
[0020]所述根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置包括:
[0021]通過所述JS腳本根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0022]所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括:
[0023]通過所述JS腳本基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁的級聯(lián)樣式表進行修改;
[0024]調(diào)用瀏覽器內(nèi)核對所述指定網(wǎng)頁進行渲染及繪制。
[0025]可選的,還包括:
[0026]對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0027]當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0028]所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括:
[0029]以所述重新配置的所述指定網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對所述指定網(wǎng)頁進行渲染及繪制。
[0030]可選的,還包括:
[0031]接收將指定圖片作為主題背景圖片的請求,將所述指定圖片確定為瀏覽器的主題背景圖片;
[0032]根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0033]根據(jù)所述主題背景圖片以及繪制方式更新瀏覽器的主題背景配置信息;
[0034]根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景;
[0035]根據(jù)更新后的主題背景配置信息重新確定當前打開的網(wǎng)頁的背景信息;
[0036]基于重新確定出的網(wǎng)頁的背景信息,對網(wǎng)頁進行重新渲染及繪制。
[0037]可選的,所述根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景后,還包括:
[0038]以直接在父窗口上繪圖的方式,在主界面中繪制對象操作區(qū)域;
[0039]接收操作系統(tǒng)發(fā)送的用戶操作消息,所述用戶操作消息中包括操作焦點的當前位置以及當前用戶操作的類型;
[0040]判斷所述操作焦點的當前位置是否位于某對象的操作區(qū)域內(nèi),如果是,將該對象確定為被操作對象,并根據(jù)當前用戶操作的類型,運行該類型下該被操作對象的消息處理方法,實現(xiàn)對所述用戶操作消息的處理。
[0041]可選的,所述獲取瀏覽器的主題背景配置信息包括:
[0042]獲取瀏覽器的主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置;
[0043]所述根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置包括:
[0044]根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,確定所述指定網(wǎng)頁的背景圖片、在網(wǎng)頁界面中進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置;
[0045]所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括:
[0046]以所述在網(wǎng)頁界面中進行繪制時的繪制方式在所述網(wǎng)頁界面中進行網(wǎng)頁背景的繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0047]可選的,所述獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息包括:
[0048]獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配置信息;
[0049]所述根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置包括:
[0050]根據(jù)所述網(wǎng)頁的背景配置信息對瀏覽器主界面區(qū)域的主題背景信息進行重新配置;
[0051]所述根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景包括:
[0052]基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制。
[0053]可選的,所述獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配置信息包括:
[0054]獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景使用的圖片;
[0055]所述根據(jù)所述網(wǎng)頁背景配置信息對瀏覽器主界面區(qū)域的主題背景信息進行重新配置包括:
[0056]將所述網(wǎng)頁背景使用的圖片確定為瀏覽器的主題背景圖片;
[0057]根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0058]所述基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制包括:
[0059]根據(jù)所述繪制方式在所述主界面中繪制所述主題背景圖片;
[0060]所述方法還包括:
[0061]獲取在主界面繪制時主題背景圖片的結(jié)束位置;
[0062]根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,重新配置網(wǎng)頁的背景信息,所述網(wǎng)頁的背景信息包括網(wǎng)頁界面使用的背景圖片、在網(wǎng)頁界面進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時背景圖片的起始位置;
[0063]以所述在網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0064]可選的,根據(jù)確定的所述圖片的尺寸,確定繪制方式包括:
[0065]如果所述確定的所述圖片的尺寸小于瀏覽器窗口的尺寸,則計算所述確定的所述圖片的寬高比以及瀏覽器窗口的寬高比;
[0066]如果所述確定的所述圖片的寬高比小于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的高度為基準對所述確定的所述圖片進行拉伸后繪制;[0067]如果所述確定的所述圖片的寬高比大于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的寬度為基準對所述確定的所述圖片進行拉伸后繪制。
[0068]可選的,所述以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制包括:
[0069]向網(wǎng)頁中注入預(yù)置的JS腳本;
[0070]接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將重新配置的網(wǎng)頁的背景信息發(fā)送給所述JS腳本;
[0071]通過所述JS腳本基于重新配置的網(wǎng)頁的背景信息,對網(wǎng)頁的級聯(lián)樣式表進行修改;
[0072]調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染及繪制。
[0073]可選的,所述以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制包括:
[0074]觸發(fā)瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,并對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0075]當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0076]以重新配置的網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對網(wǎng)頁進行重新渲染及繪制。
[0077]可選的,如果所述繪制方式為從主題背景圖片的原點開始直接繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括:
[0078]獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標Ypl ;
[0079]將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為ypl ;
[0080]所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括:
[0081]將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O, ypl)o
[0082]可選的,如果所述主題背景圖片的尺寸大于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括:
[0083]獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標
yp2 ;
[0084]獲取在主界面繪制時主題背景圖片的起始點位置相對于主題背景圖片的坐標為(m, η)
[0085]將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為n+yp2 ;
[0086]所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括:
[0087]將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(m, n+yp2)。
[0088]可選的,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括:[0089]獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標
yp2 ;
[0090]獲取在主界面繪制時主界面的起始點位置相對于瀏覽器窗口的坐標(a,b)
[0091]將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為yp;rb ;
[0092]所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括:
[0093]將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,yp2-b)ο
[0094]可選的,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為平鋪繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括:
[0095]獲取繪制到主界面與網(wǎng)頁界面的交界線時,當前被繪制的像素點相對于主題背景圖片的縱坐標P3 ;
[0096]將在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為P3 ;
[0097]所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括:
[0098]將在網(wǎng)頁界面進行繪制時第一行主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,P3);
[0099]從繪制第二行主題背景圖片起,主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,O)。
[0100]一種瀏覽器窗口界面展現(xiàn)系統(tǒng),包括:
[0101]背景配置信息獲取單元,用于獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息;
[0102]背景配置單元,用于根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置;
[0103]背景繪制單元,用于根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景
[0104]可選的,所述背景配置信息獲取單元包括:
[0105]主題背景配置信息獲取單元,用于獲取瀏覽器主界面區(qū)域的主題背景配置信息;
[0106]所述背景配置單元包括:
[0107]網(wǎng)頁背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0108]所述背景繪制單元包括:
[0109]渲染單元,用于基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。
[0110]可選的,還包括:
[0111]腳本注入單元,用于向所述指定網(wǎng)頁中注入預(yù)置的JS腳本;
[0112]通信單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將所述瀏覽器的主題背景配置信息發(fā)送給所述JS腳本;
[0113]所述網(wǎng)頁背景配置單元具體用于:
[0114]通過所述JS腳本根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行配置;[0115]所述渲染單元包括:
[0116]網(wǎng)頁信息修改子單元,用于通過所述JS腳本基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁的級聯(lián)樣式表進行修改;
[0117]內(nèi)核調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對所述指定網(wǎng)頁進行渲染及繪制。
[0118]可選的,還包括:
[0119]函數(shù)監(jiān)控單元,用于對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0120]函數(shù)替換單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0121]所述渲染單元具體用于:
[0122]以所述重新配置的所述指定網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對所述指定網(wǎng)頁進行渲染及繪制。
[0123]可選的,還包括:
[0124]主題更新請求接收單元,用于接收將指定圖片作為主題背景圖片的請求,將所述指定圖片確定為瀏覽器的主題背景圖片;
[0125]繪制方式確定單元,用于根據(jù)所述指定圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0126]主題背景配置更新單元,用于根據(jù)所述主題背景圖片以及繪制方式更新瀏覽器的主題背景配置信息;
[0127]主界面背景重繪單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景;
[0128]網(wǎng)頁背景重新確定單元,用于根據(jù)更新后的主題背景配置信息重新確定當前打開的網(wǎng)頁的背景信息;
[0129]網(wǎng)頁重新渲染單元,用于基于重新確定出的網(wǎng)頁的背景信息,對網(wǎng)頁進行重新渲染及繪制。
[0130]可選的,還包括:
[0131]對象操作區(qū)域繪制單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景后,以直接在父窗口上繪圖的方式,在主界面中繪制對象操作區(qū)域;
[0132]用戶操作消息接收單元,用于接收操作系統(tǒng)發(fā)送的用戶操作消息,所述用戶操作消息中包括操作焦點的當前位置以及當前用戶操作的類型;
[0133]用戶操作消息處理單元,用于判斷所述操作焦點的當前位置是否位于某對象的操作區(qū)域內(nèi),如果是,將該對象確定為被操作對象,并根據(jù)當前用戶操作的類型,運行該類型下該被操作對象的消息處理方法,實現(xiàn)對所述用戶操作消息的處理。
[0134]可選的,所述主題背景配置信息獲取單元具體用于:
[0135]獲取瀏覽器的主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置;
[0136]所述網(wǎng)頁背景配置單元具體用于:
[0137]根據(jù)所述主題背景圖片、繪制方式以及在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置,確定所述指定網(wǎng)頁的背景圖片、在網(wǎng)頁界面中進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置;[0138]所述渲染單元具體用于:
[0139]以所述在網(wǎng)頁界面中進行繪制時的繪制方式在所述網(wǎng)頁界面中進行網(wǎng)頁背景的繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0140]可選的,所述背景配置信息獲取單元包括:
[0141]網(wǎng)頁背景配置信息獲取單元,用于獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配
置信息;
[0142]所述背景配置單元包括:
[0143]主題背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0144]所述背景繪制單元包括:
[0145]主界面背景繪制單元,用于基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制。
[0146]可選的,所述網(wǎng)頁背景配置信息獲取單元具體用于:
[0147]獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景使用的圖片;
[0148]所述主題背景配置單元包括:
[0149]圖片確定單元,用于將所述網(wǎng)頁背景使用的圖片確定為瀏覽器的主題背景圖片;
[0150]繪制方式確定單元,用于根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0151]所述主界面背景繪制單元具體用于:根據(jù)所述繪制方式在所述主界面中繪制所述主題背景圖片;
[0152]所述系統(tǒng)還包括:
[0153]結(jié)束位置獲取單元,用于獲取在主界面繪制時主題背景圖片的結(jié)束位置;
[0154]網(wǎng)頁背景重新配置單元,用于根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,重新配置網(wǎng)頁的背景信息,所述網(wǎng)頁的背景信息包括網(wǎng)頁界面使用的背景圖片、在網(wǎng)頁界面進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時背景圖片的起始位置;
[0155]重新渲染單元,用于以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制,其中,繪制的內(nèi)容從所述在瀏覽器的網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0156]可選的,所述繪制方式確定單元包括:
[0157]計算子單元,用于如果所述確定的所述圖片的尺寸小于瀏覽器窗口的尺寸,則計算所述確定的所述圖片的寬高比以及瀏覽器窗口的寬高比;
[0158]第一確定子單元,用于如果所述確定的所述圖片的寬高比小于瀏覽器窗口的寬高t匕,則將繪制方式確定為:以瀏覽器窗口的高度為基準對所述指定圖片進行拉伸后繪制;
[0159]第二確定子單元,用于如果所述確定的所述圖片的寬高比大于瀏覽器窗口的寬高t匕,則將繪制方式確定為:以瀏覽器窗口的寬度為基準對所述確定的所述圖片進行拉伸后繪制。
[0160]可選的,所述重新渲染單元包括:
[0161]腳本注入子單元,用于向網(wǎng)頁中注入預(yù)置的J S腳本;[0162]通信子單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將重新配置的網(wǎng)頁的背景信息發(fā)送給所述JS腳本;
[0163]修改子單元,用于通過所述JS腳本基于重新配置的網(wǎng)頁的背景信息,對網(wǎng)頁的級聯(lián)樣式表進行修改;
[0164]調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染及繪制。
[0165]可選的,所述重新渲染單元包括:
[0166]監(jiān)控子單元,用于觸發(fā)瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,并對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0167]替換子單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0168]參數(shù)傳入子單元,用于以重新配置的網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對網(wǎng)頁進行重新渲染及繪制。
[0169]可選的,如果所述繪制方式為從主題背景圖片的原點開始直接繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0170]交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標ypl ;
[0171]第一結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為ypl ;
[0172]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0173]第一起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,ypl)。
[0174]可選的,如果所述主題背景圖片的尺寸大于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0175]交界線信息獲取子單元,用于獲取瀏覽器的主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;
[0176]主界面圖片起始位置獲取子單元,用于獲取在主界面繪制時主題背景圖片的起始點位置相對于主題背景圖片的坐標為U,η);
[0177]第二結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為n+yp2 ;
[0178]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0179]第二起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(m, n+yp2)。
[0180]可選的,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0181]交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;
[0182]主界面起始位置獲取子單元,用于獲取在主界面繪制時主界面的起始點位置相對于瀏覽器窗口的坐標(a, b);
[0183]第三結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為yp2_b ;
[0184]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0185]第三起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,yp2_b)。
[0186]可選的,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為平鋪繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0187]交點坐標獲取子單元,用于獲取繪制到主界面與網(wǎng)頁界面的交界線時,當前被繪制的像素點相對于主題背景圖片的縱坐標P3 ;
[0188]第四結(jié)束位置獲取子單元,用于將在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為P3 ;
[0189]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0190]第五起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時第一行主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,P3);
[0191]第六起始位置獲取子單元,用于從繪制第二行主題背景圖片起,主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,O)。
[0192]根據(jù)本發(fā)明提供的具體實施例,本發(fā)明公開了以下技術(shù)效果:
[0193]通過本發(fā)明,能夠根據(jù)瀏覽器窗口中一個展現(xiàn)區(qū)域的背景配置信息,來配置另一個展現(xiàn)區(qū)域的背景,因此,能夠使得瀏覽器窗口的不同展現(xiàn)區(qū)域的背景可與同一背景相關(guān)。
【專利附圖】

【附圖說明】
[0194]為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例中所需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他的附圖。
[0195]圖1-1、1-2是現(xiàn)有技術(shù)中的展現(xiàn)界面示意圖;
[0196]圖2是本發(fā)明實施例提供的方法的流程圖;
[0197]圖3是本發(fā)明實施例提供的方法中第一展現(xiàn)界面示意圖;
[0198]圖4是本發(fā)明實施例提供的方法中圖片拉伸示意圖;
[0199]圖5是本發(fā)明實施例提供的方法中第二展現(xiàn)界面示意圖;
[0200]圖6是本發(fā)明實施例提供的方法中第三展現(xiàn)界面示意圖;
[0201]圖7是本發(fā)明實施例提供的系統(tǒng)的示意圖。
【具體實施方式】
[0202]下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例?;诒景l(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員所獲得的所有其他實施例,都屬于本發(fā)明保護的范圍。
[0203]參見圖2,本發(fā)明實施例提供的瀏覽器窗口界面展現(xiàn)方法包括以下步驟:
[0204]S201:獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息;[0205]S202:根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置;
[0206]S103:根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景。
[0207]在一種【具體實施方式】下,第一展現(xiàn)區(qū)域可以是指瀏覽器的主界面區(qū)域,第二展現(xiàn)區(qū)域可以是指瀏覽器的網(wǎng)頁界面區(qū)域,也即,可以將瀏覽器的主界面區(qū)域展現(xiàn)的主題背景圖片延伸至瀏覽器的網(wǎng)頁界面區(qū)域中。下面對此進行詳細地介紹。
[0208]步驟一:獲取瀏覽器主界面區(qū)域的主題背景配置信息;
[0209]瀏覽器主界面區(qū)域的主題背景配置可能是瀏覽器默認的,也可能是由用戶手動指定的,等等,總之,在瀏覽器程序被啟動時,會自動按照主題背景配置情況繪制瀏覽器的主界面背景。該過程是不依賴網(wǎng)頁的訪問情況的,也即,只要用戶啟動了瀏覽器程序,即使還沒有訪問某個具體的網(wǎng)頁,瀏覽器也會自動進行繪制主界面背景的操作。之后,就可以獲取到瀏覽器的主題背景配置信息。具體實現(xiàn)時,主題配置信息可能會保存在用戶本地的某文件夾下的配置文件中,因此,直接到該文件夾下找到相應(yīng)的配置文件,即可取出其中的主題背景配置信息,包括主題背景使用的圖片等。
[0210]需要說明的是,該步驟可以是在用戶需要展現(xiàn)某個網(wǎng)頁時進行,也即,用戶每次發(fā)起訪問某個網(wǎng)頁的請求時,都重新去獲取瀏覽器的主題背景配置信息,例如,當用戶通過點擊鏈接或者在地址欄輸入網(wǎng)址等方式訪問某網(wǎng)頁時,就可以去獲取瀏覽器的主題背景配置信息,以便后續(xù)用來設(shè)置該網(wǎng)頁的背景?;蛘撸诹硪环N方式下,該步驟也可以是在啟動瀏覽器之后就進行,以后用戶每次訪問網(wǎng)頁時,都根據(jù)這次獲取到的主題背景配置信息來進行網(wǎng)頁背景的設(shè)置。當然,在這種方式下,還需要對瀏覽器主題背景的配置情況進行動態(tài)地監(jiān)控,如果發(fā)現(xiàn)瀏覽器的主題背景配置發(fā)生了變化,則可以對獲取到的主題背景配置信息進行更新。
[0211]步驟二:在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0212]在獲取到瀏覽器的主題背景配置信息之后,就可以據(jù)此為將要展現(xiàn)的網(wǎng)頁確定背景信息。當然,在實際應(yīng)用中,網(wǎng)頁的制作者一般都會為網(wǎng)頁設(shè)置具體的背景,而在本發(fā)明實施例中,為了使得瀏覽器的主題背景圖片延伸到網(wǎng)頁界面中,需要根據(jù)瀏覽器的主題背景配置情況重新為網(wǎng)頁確定背景信息。例如,如果瀏覽器的主題背景采用的圖片是名稱為“西瓜皮”的某幅圖片,則可以將網(wǎng)頁的背景信息設(shè)置為該名稱為“西瓜皮”的圖片,等等。
[0213]步驟三:基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。以便將所述主題背景延伸至瀏覽器的網(wǎng)頁界面區(qū)域。
[0214]在確定了網(wǎng)頁的背景信息之后,就可以基于該背景信息對網(wǎng)頁進行渲染及繪制,這樣就可以使得網(wǎng)頁的背景與瀏覽器的主題背景一致,從而實現(xiàn)將瀏覽器的主題背景從瀏覽器的主界面延伸到網(wǎng)頁界面。
[0215]需要說明的是,在一般的情況下,是由瀏覽器內(nèi)核對網(wǎng)頁進行渲染,而瀏覽器內(nèi)核都是根據(jù)網(wǎng)頁中定義的信息對網(wǎng)頁進行渲染,使得網(wǎng)頁的背景顯示為網(wǎng)頁制作者定義的樣式。而在本發(fā)明實施例中,為了能夠?qū)崿F(xiàn)基于重新確定出的背景信息,對網(wǎng)頁進行渲染及繪制,可以通過多種方式來實現(xiàn),例如,其中一種方式可以是:瀏覽器可以預(yù)先實現(xiàn)一組JS(JavaScript)擴展 API (Application Programming Interface,應(yīng)用程序編程接口),用于與瀏覽器進行通訊,獲取瀏覽器的一些配置信息,并執(zhí)行后續(xù)的操作;瀏覽器在接收到訪問某網(wǎng)頁的請求之后,首先對網(wǎng)頁進行加載,加載完畢之后,向網(wǎng)頁中注入JS腳本,在執(zhí)行該JS腳本之后,就會首先調(diào)用相應(yīng)的JS擴展API,向瀏覽器詢問主題背景配置信息,瀏覽器可以取出相關(guān)的信息并發(fā)送給JS腳本;然后,JS腳本就可以調(diào)用相應(yīng)的擴展API,執(zhí)行以下操作:根據(jù)瀏覽器的主題背景配置信息確定網(wǎng)頁的背景信息,之后再對網(wǎng)頁的CSS進行修改,將CSS中原來對網(wǎng)頁背景的定義修改為依據(jù)瀏覽器主題背景重新確定出的網(wǎng)頁背景信息,然后再調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,這樣,就可以使得網(wǎng)頁具有與瀏覽器主題背景圖片相同的背景。
[0216]也就是說,在這種實現(xiàn)方式下,瀏覽器需要執(zhí)行的操作包括:在網(wǎng)頁加載完畢之后向網(wǎng)頁中注入JS腳本,當接收到JS的問詢請求時,將瀏覽器的主題背景配置信息發(fā)送給JS腳本;之后的操作,包括為網(wǎng)頁重新確定背景信息,調(diào)用瀏覽器內(nèi)核重新進行渲染等操作,都可以是由JS腳本通過調(diào)用擴展API來實現(xiàn)。在整個過程中,需要執(zhí)行兩次渲染操作,并且兩次渲染操作都是由瀏覽器內(nèi)核(例如IE內(nèi)核、Webkit內(nèi)核等)來完成的,其中,第一次渲染是根據(jù)網(wǎng)頁中原有的背景定義信息渲染的,第二次渲染是根據(jù)修改后的背景信息進行渲染的。當然,由于在進行第二次渲染的時候已經(jīng)完成了網(wǎng)頁內(nèi)容的下載,因此,在調(diào)用瀏覽器內(nèi)核重新進行渲染時,可以指定瀏覽器內(nèi)核從本地緩存中加載,這樣就不會再執(zhí)行從遠端服務(wù)器重新下載網(wǎng)頁內(nèi)容的操作,而本地緩存中的內(nèi)容已經(jīng)被修改,因此,瀏覽器內(nèi)核就會按照修改后的信息對網(wǎng)頁進行渲染,最終得到的就是一張背景與瀏覽器主題背景一致的網(wǎng)頁。
[0217]需要說明的是,以上所述的加載完畢之后,是指已經(jīng)對一個網(wǎng)頁完成了下載、渲染及繪制之后,之所以在此之后再進行JS腳本的注入,然后執(zhí)行網(wǎng)頁背景的重新確定,再重新對網(wǎng)頁進行渲染,是因為:注入JS腳本之后,需要對網(wǎng)頁的CSS進行修改,而有些網(wǎng)頁的結(jié)構(gòu)比較復(fù)雜,如果在尚未完全加載完成時就注入JS腳本進行CSS的修改,則渲染的過程可能會出現(xiàn)出錯、沖突等風險;例如,在網(wǎng)頁加載到某處時,就注入了 JS腳本,對某CSS值進行了修改,但該網(wǎng)頁在加載到后面某處時,可能也需要對該CSS值進行修改,此時,就會發(fā)生沖突,最終影響本發(fā)明實施例的實現(xiàn)。因此,為了保證實現(xiàn)的可靠性,一般可以選擇在網(wǎng)頁加載完畢之后,再執(zhí)行JS腳本的注入,并對網(wǎng)頁進行重新渲染。
[0218]另外需要說明的是,由于畢竟之前已經(jīng)進行了一次渲染及繪制,因此,用戶可能會先看到一張具有網(wǎng)頁自帶背景圖片的頁面,之后發(fā)現(xiàn)網(wǎng)頁的背景變成與瀏覽器主題背景一致,不過在網(wǎng)速等均為理想狀態(tài)的情況下,用戶一般不會感知到這一變化過程。當然,對于一些比較簡單的網(wǎng)頁,如果網(wǎng)頁自身的加載過程不會涉及到對CSS值的反復(fù)修改,則也可以在完成網(wǎng)頁內(nèi)容的下載之后就進行JS腳本的注入,而不用等到網(wǎng)頁全部加載完成,這樣,就不會出現(xiàn)渲染兩次的現(xiàn)象,還可以節(jié)省資源。
[0219]上述實現(xiàn)方式具有實現(xiàn)簡單、靈活、可靠性強等優(yōu)點,并且不會受到不同的瀏覽器內(nèi)核版本等因素的影響。當然,在實際應(yīng)用中,除了上述實現(xiàn)方式之外,還可以有其他的實現(xiàn)方式,例如,還可以對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)(例如渲染函數(shù)、JS引擎調(diào)用函數(shù)等)進行監(jiān)控(hook),如果發(fā)現(xiàn)某個關(guān)鍵函數(shù)被調(diào)用,則可以對該函數(shù)進行替換,使得實際被調(diào)用的函數(shù)為為了實現(xiàn)本發(fā)明實施例的目的而預(yù)置的函數(shù),該預(yù)置的函數(shù)被調(diào)用后,就可以根據(jù)瀏覽器的主題背景配置信息確定出網(wǎng)頁的背景,然后直接利用該確定出的背景對網(wǎng)頁進行渲染,這樣,就可以使得展現(xiàn)出的網(wǎng)頁具有瀏覽器主題背景圖片相同的背景。
[0220]可見,在上述這種方案中,在整個過程中,只需要對網(wǎng)頁執(zhí)行一次渲染操作,此次渲染操作實際上是由瀏覽器中預(yù)置的函數(shù)來執(zhí)行的,相當于瀏覽器中預(yù)置的函數(shù)接管了內(nèi)核的渲染工作。這種方式的好處在于,不需要對網(wǎng)頁執(zhí)行重復(fù)的渲染,當然,在具體實現(xiàn)時,由于瀏覽器使用的內(nèi)核的類別、版本等可能會不同,各自對關(guān)鍵函數(shù)的定義也會不同,因此,需要根據(jù)對應(yīng)的內(nèi)核類別及版本對各自的關(guān)鍵函數(shù)進行監(jiān)控。
[0221]具體在根據(jù)瀏覽器的主題背景配置確定網(wǎng)頁的背景信息的過程中,可以有多種實現(xiàn)方式,例如,一種簡單的方式是,只要將網(wǎng)頁背景圖片設(shè)置為瀏覽器使用的主題背景圖片,繪制網(wǎng)頁背景時,直接從網(wǎng)頁坐標的原點處開始繪制即可。也即,在網(wǎng)頁坐標的原點處繪制的像素點相對于背景圖片的坐標也是(0,O)。在這種方式下,會出現(xiàn)以下現(xiàn)象,如圖3所示(其中僅給出了瀏覽器窗口中的背景示意圖,主界面中的各種控件以及網(wǎng)頁界面中的網(wǎng)頁內(nèi)容均未示出):對于某主題背景圖片而言,在瀏覽器的主界面31中是從圖片的原點處開始繪制了該圖片的上半部分,在網(wǎng)頁界面32中又是從圖片的原點處開始繪制,只不過在網(wǎng)頁界面中繪制的內(nèi)容多于在主界面中繪制的內(nèi)容(這是因為,一般情況下,網(wǎng)頁界面區(qū)域的面積要大于主界面區(qū)域的面積)??梢姡@樣雖然使得網(wǎng)頁界面能夠以瀏覽器的主題背景圖片為背景,但是整個瀏覽器窗口的背景卻無法體現(xiàn)出統(tǒng)一連貫性,像是兩幅圖片部分疊加在一起一樣,影響顯示效果。
[0222]為了避免出現(xiàn)上述現(xiàn)象,進一步提高顯示效果,本發(fā)明實施例還給出了另一種實現(xiàn)方式。在該實現(xiàn)方式中,在獲取瀏覽器的主題背景配置信息時,不僅需要獲取主題背景使用的圖片,還需要獲取繪制主界面背景時的繪制方式,以及繪制時的結(jié)束位置,這樣,在確定網(wǎng)頁的背景信息時,就可以指定按照同樣的繪制方式進行繪制,并且指定繪制時的起始點。
[0223]其中,所謂的繪制方式是指:根據(jù)主題背景圖片的尺寸的不同,在主界面中繪制時,瀏覽器可能會采用不同的繪制方式,一般可以包括直接繪制和平鋪繪制兩種方式。直接繪制一般都是針對尺寸比較大的圖片,例如,如果尺寸已經(jīng)達到甚至超過瀏覽器窗口尺寸,可以直接從圖片的原點開始直接繪制,或者也可以采用居中的方式直接繪制,此時,如果圖片尺寸已經(jīng)超過了瀏覽器窗口的尺寸,則可以根據(jù)圖片及瀏覽器窗口的尺寸比例計算出從圖片的哪個像素點開始繪制;如果圖片尺寸略小于瀏覽器窗口,則可以首先對圖片進行拉伸,然后再直接繪制。如圖4所示,背景圖片的尺寸如左側(cè)的“背景圖片”所在的矩形框所示,而瀏覽器窗口的尺寸如右側(cè)的最外部的大矩形框所示(從圖中可見,瀏覽器窗口的尺寸為主界面的尺寸與網(wǎng)頁界面的尺寸之和),需要說明的是,拉伸操作是將背景圖片的尺寸拉伸成與瀏覽器窗口的尺寸相同,而不是與主界面的尺寸相同。當然,拉伸的前提一般是圖片的尺寸與瀏覽器窗口的尺寸之間的比例不至于太小,否則會使得拉伸后的圖片非常模糊,影響顯示效果。平鋪繪制就是針對這種尺寸比較小的圖片常用的方式,也即繪制多張圖片,直到鋪滿整個目標區(qū)域為止,當然,如果目標區(qū)域的長/寬并不是圖片長/寬的整數(shù)倍,則在橫向和/或縱向在平鋪最后一幅圖片時,就會只繪制圖片的一部分。
[0224]其中,所謂圖片的尺寸,是通過圖片的寬度、高度值來確定的,圖片的寬度、高度與圖片本身包含的像素數(shù)以及顯示屏的分辨率有關(guān),例如,某圖片每行1000個像素,一共500行,則該圖片由50萬個像素組成,如果顯示屏的分辨率是每厘米100像素,則該圖片在該顯示屏上的尺寸是10cm*5cm。瀏覽器窗口的尺寸在最大化的情況下,一般都等于顯示屏的尺寸。本發(fā)明實施例中,在比較圖片與瀏覽器窗口的尺寸時,可以在寬度上與高度上分別進行比較,例如,如果圖片的寬度小于瀏覽器的寬度,則無論圖片的高度與瀏覽器的高度之間的關(guān)系怎樣,圖片的尺寸都是小于瀏覽器窗口的尺寸;或者,如果圖片的高度小于瀏覽器的高度,則無論圖片的寬度與瀏覽器的寬度之間的關(guān)系怎樣,則圖片的尺寸小于瀏覽器窗口的尺寸?等等。
[0225]無論是直接繪制還是平鋪繪制,都可能出現(xiàn)在主界面中僅繪制了主題背景圖片的一部分的情況,也即,在主界面中繪 制時會存在結(jié)束位置的概念。其中,所謂的在主界面繪制時的結(jié)束位置是指:對于一幅主題背景圖片而言,在主界面中繪制時,可能只繪制了該圖片的一部分,該結(jié)束位置就用于表明主界面中已經(jīng)繪制到了圖片的什么位置,這樣,在網(wǎng)頁界面中繪制網(wǎng)頁背景時,從該位置開始往后繪制,這樣就可以保證圖片在顯示上的統(tǒng)一連貫性。其中,在主界面中繪制時的結(jié)束位置或者在網(wǎng)頁頁面中繪制時的起始位置,可以用其相對于主題背景圖片的坐標來表示。其中,相對于主題背景圖片的坐標是指,以圖片中的某一點(例如左上角等)為原點建立坐標系,圖片中的像素點在該坐標系中的坐標。
[0226]具體實現(xiàn)時,為了獲取在主界面中繪制時主題背景圖片的結(jié)束位置,可以首先確定瀏覽器的主界面與網(wǎng)頁界面之間的分界線的位置,根據(jù)該位置來確定在主界面中繪制時主題背景圖片的結(jié)束位置。其中,在確定上述分界線的位置時,由于瀏覽器中定義有界面信息,包括在默認情況下,主界面的高度等;雖然瀏覽器一般允許用戶手動修改主界面中顯示的信息,并且用戶在增加或者減少在主界面中顯示的信息時,主界面的高度可能會發(fā)生變化,但是變化后的具體高度值也是由瀏覽器定義的,并且瀏覽器會對變化后的情況進行記錄。因此,只要詢問瀏覽器或者查詢?yōu)g覽器的配置信息,就可以獲取到前述分界線的位置。當然,由于瀏覽器對其窗口內(nèi)部的主界面進行定義時,具體的數(shù)值都是在以瀏覽器窗口的左上角為原點建立的坐標系中定義的,因此,獲取到的分界線的位置一般是用分界線相對于瀏覽器窗口的坐標來表示的。另外,對應(yīng)不同的繪制方式,在獲取到分界線的位置之后,如何獲取在主界面中繪制時主題背景圖片的結(jié)束位置略有不同,下面分別進行介紹。
[0227]對于直接繪制的方式,如果主題背景圖片的尺寸剛好等于瀏覽器窗口的尺寸,或者經(jīng)過拉伸后等于瀏覽器窗口的尺寸,則在主界面中繪制時,一般都是直接從圖片或拉伸后的圖片的原點(后續(xù)簡稱圖片的原點)開始繪制,因此,在主界面中繪制時,瀏覽器窗口的坐標原點與主題背景圖片的坐標原點重合,進而,主題背景圖片的結(jié)束位置相對于主題背景圖片的坐標,與分界線相對于瀏覽器窗口的坐標是相關(guān)的,因此,就可以根據(jù)分界線相對于瀏覽器窗口的坐標,確定在主界面中繪制時的主題背景圖片的結(jié)束位置相對于主題背景圖片的坐標。例如,參見圖5,其中,最外面的矩形框代表瀏覽器窗口,該窗口的左上角Pl點,就是瀏覽器窗口坐標系的原點,由于主題背景圖片也是從圖片的原點開始繪制的,因此,Pl點的位置其實也是圖片坐標系的原點。51處代表瀏覽器窗口的主界面與網(wǎng)頁界面之間的分界線,P2點是該分界線的右端點,假設(shè)P2點相對于瀏覽器窗口的坐標系為(xP2,yP2),則在瀏覽器窗口坐標系中,該分界線可以用y=yP2來表示,相應(yīng)的,在主題背景圖片坐標系中,該圖片繪制的結(jié)束位置,也是在y=yP2&,這樣,就確定了該圖片在主界面中繪制時的結(jié)束位置。進一步地,就可以確定出在網(wǎng)頁界面中繪制時的起始位置為相對于主題背景圖片的(O,yP2)處。在網(wǎng)頁界面中繪制網(wǎng)頁背景時,又會以網(wǎng)頁界面的左上角P3為原點建立坐標系,繪制的目標位置會從P3點開始,繪制的內(nèi)容是從主題背景圖片的(O,yP2)處開始,這樣,就可以使得瀏覽器窗口中最終呈現(xiàn)出的背景是一幅完整的圖片。
[0228]當然,如前文所述,在直接繪制時,如果主題背景圖片的尺寸大于瀏覽器窗口的尺寸,還可能會采取居中繪制的繪制方式,此時,在瀏覽器窗口的原點處繪制的像素點可能并不是主題背景圖片的原點,而是相對于主題背景圖片的(m,n)處(假設(shè)該點稱為在主界面中繪制時主題背景圖片的起始點)。此時,就可以首先根據(jù)分界線51的位置以及在主界面中繪制時主題背景圖片的起始點位置,計算出主界面中繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的坐標。例如,圖5中的P2點是分界線的右端點,也是在主界面中繪制時主題背景圖片的結(jié)束點,則該點相對于主題背景圖片的縱坐標為n+yP2,因此,在網(wǎng)頁界面中繪制時主題背景圖片的起始點坐標為(m,n+yP2)。
[0229]另外,如果主題背景圖片的尺寸小于瀏覽器窗口的尺寸,也可以采取居中繪制的繪制方式,此時,可能并不是從瀏覽器窗口的原點處開始繪制,例如,可能是從瀏覽器窗口的(a,b)處(假設(shè)該點稱為在主界面中繪制時的主界面起始點)開始繪制,但對于背景圖片而言,是從背景圖片的原點開始繪制。此時,就可以首先根據(jù)分界線的位置以及在主界面中繪制時主界面的起始點位置,計算出主界面中繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的坐標。例如,P2點是分界線的右端點,該點相對于瀏覽器窗口的坐標為(xP2,yP2),則在主界面繪制時的主題背景圖片結(jié)束位置相對于主題背景圖片的縱坐標為yP2-b,因此,在網(wǎng)頁界面中繪制時主題背景圖片的起始點坐標為(0,yP2-b)。
[0230]對于平鋪繪制的方式,需要在主界面中平鋪多幅圖片,平鋪操作的流程一般都是按照從上到下從左到右的順序一張一張地平鋪繪制,因此,在繪制主界面背景時,會首先從瀏覽器窗口的原點處開始平鋪繪制,如果在繪制第一張圖片時還沒到與網(wǎng)頁界面的交界線處,則在水平方向上還會再另起一行開始繪制,以此類推。但一般總會有一張圖片,在繪制到某一處時,發(fā)現(xiàn)與前述交界線相交了,也即繪制到了主界面與網(wǎng)頁界面的交界線處,此時,在縱向就會停止繪制(當然,在橫向上還是要鋪滿主界面),同時,可以記錄下與交界線相交的像素點相對于主題背景圖片的縱坐標,該縱坐標就可以作為在主界面中繪制時主題背景圖片的結(jié)束點位置信息,進而確定出在網(wǎng)頁界面中平鋪繪制第一行圖片時,主題背景圖片的起始點位置。例如,在圖6中,虛線的矩形框內(nèi)為單個的主題背景圖片(圖中僅示出兩個),假設(shè)主界面與網(wǎng)頁界面之間的交界線位于61處,可見,在主界面中進行平鋪時,第一行圖片并未與交界線61相交,因此,在完成第一行之后可以繼續(xù)平鋪第二行,此時,繪制到P3點處時,發(fā)現(xiàn)與交界線相交了,于是停止縱向的繪制,并記錄下P3點相對于主題背景圖片的縱坐標yP3,如圖6所示,Yp3的值是在以P2點為原點建立的坐標系中確定出,也即從P2點到P3點之間的距離。在主界面中繪制時,主題背景圖片的結(jié)束位置就在y=yP3&,因此,在網(wǎng)頁界面中平鋪第一行主題背景圖片時,就從每個主題背景圖片的(0,yP3)處開始繪制,第一行平鋪結(jié)束之后,從第二行開始,又都是從每個主題背景圖片的原點(0,0)處開始繪制,最終呈現(xiàn)的瀏覽器窗口背景就可以如圖6所示。
[0231]總之,在本發(fā)明實施例中,能夠根據(jù)瀏覽器主題背景配置信息確定出網(wǎng)頁的背景信息,并且根據(jù)新確定出的網(wǎng)頁背景對網(wǎng)頁進行渲染及加載,因此,就能夠使得瀏覽器的主界面背景延伸至網(wǎng)頁的背景中,并且不會影響網(wǎng)頁內(nèi)容的正常展現(xiàn)。[0232]當然,畢竟主界面背景的繪制與網(wǎng)頁背景的繪制并不是同時完成的,因此,如果不進行一些特殊的處理,則兩者的背景之間可能會產(chǎn)生部分疊加的現(xiàn)象,影響顯示的效果。為避免產(chǎn)生上述現(xiàn)象,使得整個瀏覽器窗口中的背景體現(xiàn)出統(tǒng)一連貫性,本發(fā)明實施例還可以根據(jù)在主界面中繪制時,背景圖片的結(jié)束位置,來確定出在網(wǎng)頁界面中繪制時,背景圖片的起始位置,同時,還可以根據(jù)在主界面中繪制時的繪制方式確定出在網(wǎng)頁界面中的繪制方式,然后以同樣的繪制方式,從在主界面中繪制時的結(jié)束位置開始,在網(wǎng)頁界面中進行背景的繪制,最終就可以體現(xiàn)出整個瀏覽器窗口中,背景圖片的統(tǒng)一連貫性。
[0233]在實際應(yīng)用中,無論是在啟動瀏覽器時打開主頁(可以是瀏覽默認的網(wǎng)址導航頁面,或者是用戶手動設(shè)定的主頁等等),還是在瀏覽器中打開用戶指定的網(wǎng)頁,都可以作為本發(fā)明實施例中的指定網(wǎng)頁,并根據(jù)瀏覽器的主題背景圖片設(shè)定網(wǎng)頁界面的背景,然后進行展現(xiàn)。
[0234]當然,在各種指定網(wǎng)頁中,可能會有如下特殊情況:對于一些通常由個人管理、不定期張貼新的文章、圖片、照片等內(nèi)容的網(wǎng)站(例如博客、個人空間等),這些網(wǎng)站中一般也提供了設(shè)定網(wǎng)頁背景的功能,用戶可以根據(jù)自己的喜好設(shè)定網(wǎng)頁的背景。針對這種情況,本發(fā)明實施例還可以進行區(qū)別對待,例如,可以首先根據(jù)網(wǎng)址中的關(guān)鍵詞等信息判斷指定網(wǎng)頁是否屬于由用戶管理的網(wǎng)頁,如果是,則不再將瀏覽器主題背景延伸到網(wǎng)頁界面中,如果不是,再按照圖2中的步驟進行處理。
[0235]需要說明的是,在本發(fā)明實施例中,各種尺寸及來源的圖片,都可以作為瀏覽器的主題背景圖片,在實際應(yīng)用中,可以為用戶提供操作入口,使得用戶可以將自己喜愛的圖片設(shè)置為瀏覽器主題背景。例如,用戶在瀏覽器網(wǎng)頁的過程中,發(fā)現(xiàn)網(wǎng)頁中的某幅圖片很漂亮,想要設(shè)置為瀏覽器主題背景圖片,于是,用戶就可以將鼠標移動到圖片上,點擊鼠標右鍵,在彈出菜單中選擇“將圖片設(shè)置為瀏覽器主題背景”選項,瀏覽器在收到該消息之后,就可以從緩存中取出該圖片,然后根據(jù)該圖片的屬性選擇繪制方式,重新繪制主界面背景,還可以采用相同的圖片及繪制方式作為網(wǎng)頁界面背景,對網(wǎng)頁進行重新渲染,使得網(wǎng)頁也具有相同的背景圖片。當然,在實際應(yīng)用中,不一定以右鍵菜單的方式向用戶提供設(shè)置主題背景的操作入口,例如,還可以跟蹤用戶的鼠標位置,當發(fā)現(xiàn)鼠標移動到某圖片上方時,可以自動彈出浮動窗口、氣泡等,提示用戶可以將其設(shè)置為主題背景,并且用戶可以通過點擊浮動窗口、氣泡的方式,來執(zhí)行將當前圖片設(shè)置為瀏覽器主題背景的操作,等等。當然,還可以允許用戶從本地保存的資源中選擇用做瀏覽器主題背景的圖片。
[0236]作為一種特殊情況,用戶還可以將瀏覽器主題背景設(shè)置為:將當前處于焦點的網(wǎng)頁背景設(shè)置為瀏覽器主題背景,這樣,瀏覽器的主界面中顯示的背景圖片會隨著不同的網(wǎng)頁而自動發(fā)生變化。也就是說,前文所述介紹了將瀏覽器主題背景圖片延伸至網(wǎng)頁界面的情況,而在另一種【具體實施方式】下,還可以反過來,將網(wǎng)頁的背景圖片延伸至瀏覽器的主界面。具體實現(xiàn)時,該方法可以包括以下步驟:
[0237]步驟一:獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景配置信息;
[0238]可以在下載完成一個網(wǎng)頁的頁面內(nèi)容之后,通過向頁面中注入腳本等方式,來獲取網(wǎng)頁的背景圖片。
[0239]步驟二:根據(jù)所述網(wǎng)頁背景配置信息對瀏覽器主界面區(qū)域的主題背景信息進行重新配置;[0240]在獲取到網(wǎng)頁的背景圖片之后,就可以將該圖片設(shè)置為瀏覽器的主題背景圖片。
[0241]步驟三:基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制,以便將網(wǎng)頁背景延伸至瀏覽器的主界面區(qū)域。
[0242]基于網(wǎng)頁的背景圖片繪制瀏覽器的主界面背景的過程,與用戶在任意選擇圖片作為瀏覽器的主題背景圖片的過程是相同的,這里不再詳述。
[0243]當然,在實際應(yīng)用中,用戶可能在瀏覽器中打開多個網(wǎng)頁,并且總是在不同的網(wǎng)頁之間進行焦點的切換,此時,瀏覽器需要不停地進行計算,以不停地改變?yōu)g覽器主界面的背景圖片,顯然會占用大量的資源,并且也顯得沒有必要。因此,還可以設(shè)置為:在用戶在當前頁面中停留了一定的時間之后,再將瀏覽器主界面背景改變?yōu)楫斍绊撁娴谋尘啊?br> [0244]另外,由于網(wǎng)頁界面中原有的背景圖片一般都是從網(wǎng)頁的原點開始繪制,并且開始繪制的第一個像素點也對應(yīng)背景圖片的原點,而在主界面中繪制該背景圖片時,一般同樣是從圖片的原點開始繪制,因此,如果直接將網(wǎng)頁背景圖片設(shè)置為瀏覽器主界面的背景圖片,可能會不能實現(xiàn)圖片的無縫銜接,使得整個瀏覽器界面看上去像是兩幅圖片部分疊加在一起一樣。因此,在將網(wǎng)頁背景圖片設(shè)置為瀏覽器背景圖片之后,可以再根據(jù)該圖片在瀏覽器主界面中的繪制情況(包括在主界面中的繪制方式、圖片的結(jié)束點等),重新設(shè)置網(wǎng)頁的背景,該重新設(shè)置網(wǎng)頁背景的過程,并不是重新選擇新的圖片,而是選擇在網(wǎng)頁界面中的繪制方式以及從圖片的哪個點開始繪制,以便實現(xiàn)圖片在兩個區(qū)域中的無縫銜接。具體的過程與前文所述的相同的,這里不再詳述。
[0245]在實際應(yīng)用中,由于是用戶可以任意選擇一幅圖片作為瀏覽器的主題背景圖片,因此,圖片的尺寸就會使多種多樣的,但在本發(fā)明實施例中,無論圖片尺寸是大是小,都可以通過選擇合適的繪制方式,使得最終的背景圖片具有較好的展現(xiàn)效果。當然,在一些情況下,還可能需要對用戶選定的圖片進行一些處理操作。例如,如前文所述,在主題背景圖片尺寸比瀏覽器窗口小時,需要將背景圖片(包括原主界面背景圖片、原網(wǎng)頁背景圖片以及用戶選定的任意背景圖片等)進行拉伸后再直接繪制到主界面背景中。具體在進行拉伸時,可以直接與瀏覽器窗口進行等比例的放大,例如,假設(shè)背景圖片的橫向尺寸(寬度)Sw1,縱向尺寸(高度)為H1,瀏覽器窗口的寬度為W2,高度為H2,則可以直接將背景圖片的寬度放大為W2,高度放大為H2,之后再進行直接繪制。但如果背景圖片的寬高比與瀏覽器窗口的寬高比相差非常大,則如果直接進行等比例拉伸,則拉伸后的圖片可能出現(xiàn)嚴重地變形。為了避免出現(xiàn)這種現(xiàn)象,本發(fā)明實施例中可以采用如下算法進行拉伸:
[0246]SW1M1O^H2,則以瀏覽器窗口高度為基準進行拉伸,拉伸后的背景圖片尺寸為:
[0247]W3=W1^H2ZH1
[0248]H3=H2
[0249]若W1M1I2Al2,則以瀏覽器窗口寬度為基準進行拉伸,拉伸后的背景圖片尺寸為:
[0250]W3=W2
[0251]H3=WW1
[0252]需要說明的是,在這種方式下,拉伸后的背景圖片的尺寸要么在寬度上要么在高度上會略小于瀏覽器窗口的尺寸,此時,選擇繪制方式時,可以米取將瀏覽器窗口的原點與圖片的原點重合的方式,或者也可以采用居中繪制的方式。相應(yīng)的,在為網(wǎng)頁確定背景信息時,依據(jù)前文所述的各種情況來確定即可,這里不再贅述。[0253]另外需要說明的是,在前述允許用戶靈活選擇自己喜愛的圖片作為瀏覽器主題背景圖片的情況下,瀏覽器在重新繪制了瀏覽器主界面背景之后,還需要在背景圖片上面實現(xiàn)工具欄中的各種按鈕、地址欄等功能控件,這樣才能保證瀏覽器原有的功能不會受到影響。但在傳統(tǒng)的實現(xiàn)方式中,一般都是將各種按鈕、網(wǎng)址輸入框等作為瀏覽器窗口的子窗口,然后以子窗口句柄的方式來創(chuàng)建出各種按鈕、網(wǎng)址輸入框。在這種方式下,操作系統(tǒng)能夠識別出各種控件,當發(fā)現(xiàn)用戶對控件執(zhí)行操作時,可以直接將用戶操作消息發(fā)送給各個控件。但是,這種以子窗口句柄方式來創(chuàng)建的方式需要實現(xiàn)非常復(fù)雜的數(shù)據(jù)結(jié)構(gòu),會占用較多的內(nèi)存空間,同時也會耗費較多的計算資源及時間,這樣,就會影響瀏覽器的性能,例如,可能造成用戶長時間的等待,等等。
[0254]為此,在本發(fā)明實施例中,在繪制了瀏覽器的主界面背景之后,可以采用DirectUI (直接在父窗口中繪圖)的方式來實現(xiàn)主界面中的按鈕、網(wǎng)址輸入框等。也即,各種按鈕、網(wǎng)址輸入框等都是以繪制的方式畫在瀏覽器主界面中的,而不是以子窗口句柄的方式創(chuàng)建,這樣,最終展現(xiàn)在瀏覽器主界面中的按鈕、網(wǎng)址輸入框等雖然在用戶看來仍然像是瀏覽器窗口的子窗口,但是實質(zhì)上只是邏輯上的子窗口,在操作系統(tǒng)看來,不再是瀏覽器窗口的子窗口。這種實現(xiàn)方式與傳統(tǒng)的方式相比,會占用較低的系統(tǒng)開銷,可以更靈活地實現(xiàn)主界面中各種按鈕等的布局方式。
[0255]換言之,為了能夠達到與向主界面中添加了操作系統(tǒng)控件時相同的功能,可以將主界面中需要添加的對象以繪制的方式添加到主界面中,具體繪制的內(nèi)容就是指對象操作區(qū)域,這里的對象可以包括網(wǎng)址輸入框、功能按鈕等等。在主界面中繪制了對象操作區(qū)域之后,就像在常規(guī)的窗口中看到的功能按鈕、輸入框等一樣。也就是說,用戶仍然能夠在主界面中看到一些功能按鈕、網(wǎng)址輸入框等對象,只不過這些對象對于操作系統(tǒng)而言,不再是控件,而是連同主界面一起看作是一幅圖片。具體實現(xiàn)時,瀏覽器可以建立自己的界面庫,通過該界面庫,在主界面上添加各種對象,如輸入框,各種功能按鈕等,在此過程中,允許對象嵌套對象,如工具欄作為一個對象,工具欄上還可以擺放各種按鈕,等等。當然,操作系統(tǒng)并不會獲取這些對象信息。
[0256]當然,在這種以Direct Π的方式繪制瀏覽器主界面中的各種按鈕、輸入框等的方式下,由于操作系統(tǒng)無法識別出具體的控件,因此,當用戶操作某按鈕或輸入框時,瀏覽器程序需要根據(jù)具體的操作事件,對操作對象的樣式進行重繪。需要說明的是,雖然操作系統(tǒng)無法識別出主界面中的各種對象等,但當用戶對某對象執(zhí)行操作時,操作系統(tǒng)仍然會將操作焦點的位置以及用戶執(zhí)行的操作的類型(鼠標在對象操作區(qū)域內(nèi)移動、按下、松開等,正在接受鍵盤輸入,等等)等信息發(fā)送給瀏覽器窗口(這是由操作系統(tǒng)自身的消息處理機制決定的,這里不再贅述);另一方面,由于瀏覽器自己知道每個對象的擺放位置、大小等信息,因此,瀏覽器在接收到操作系統(tǒng)的用戶操作消息之后,就可以判斷操作焦點的當前位置是不是在某個對象處,如果是,則證明該對象為被操作對象,進而就可以根據(jù)當前操作的類型,在界面庫中找到該操作類型下,該被操作對象的消息處理方法,從而實現(xiàn)對用戶操作消息的處理。也即,在瀏覽器的界面庫中保存了各個對象在被執(zhí)行各種類型的操作時,分別對應(yīng)的消息處理方法,這種方法可以是瀏覽器的開發(fā)者提供的,當對象被操作時,直接運行對應(yīng)的消息處理方法即可。這樣,就可以使得像是在窗口中添加了控件一樣的效果。
[0257]例如,當被操作對象為某功能按鈕時,如果用戶的操作類型是操作焦點進入了該功能按鈕的操作區(qū)域內(nèi),此時,相當于該功能按鈕獲得了鼠標焦點。此時,就可以將該功能按鈕進行突出顯示,例如改變顏色,或者加上邊框等等,以提示用戶該功能按鈕已經(jīng)獲得了焦點。此時,在本發(fā)明實施例中,如果需要實現(xiàn)上述效果,瀏覽器就需要在該功能按鈕操作區(qū)域處進行重繪,從而展現(xiàn)出操作焦點進入該功能按鈕操作區(qū)域前后,該功能按鈕操作區(qū)域在展現(xiàn)效果上的變化。需要說明的是,重繪后的樣式,可以根據(jù)預(yù)先在界面庫中保存的圖片來確定。也即,可以在界面庫中保存功能按鈕在獲得焦點時對應(yīng)的圖片,在該功能按鈕獲取操作焦點后,直接將該圖片繪制在該功能按鈕的位置,用于替換之前的圖片即可。另外,當發(fā)現(xiàn)操作焦點移出該功能按鈕的操作區(qū)域之后,還可以再次在該區(qū)域處進行重繪,以展現(xiàn)出操作焦點移出該功能按鈕操作區(qū)域前后,該功能按鈕操作區(qū)域在展現(xiàn)效果上的變化,
坐坐寸寸O
[0258]與本發(fā)明實施例提供的瀏覽器窗口界面展現(xiàn)方法相對應(yīng),本發(fā)明實施例還提供了一種瀏覽器窗口界面展現(xiàn)系統(tǒng),參見圖7,該系統(tǒng)可以包括:
[0259]背景配置信息獲取單元701,用于獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息;
[0260]背景配置單元702,用于根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置;
[0261]背景繪制單元703,用于根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景
[0262]其中,可以將主界面的背景圖片延伸至網(wǎng)頁界面,此時,背景配置信息獲取單元701可以包括:
[0263]主題背景配置信息獲取單元,用于獲取瀏覽器主界面區(qū)域的主題背景配置信息;
[0264]背景配置單元702可以包括:
[0265]網(wǎng)頁背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0266]背景繪制單元703可以包括:
[0267]渲染單元,用于基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。
[0268]為了改變第三方網(wǎng)頁的背景圖片,可以有多種實現(xiàn)方式,其中,在一種實現(xiàn)方式下,該系統(tǒng)還可以包括:
[0269]腳本注入單元,用于向所述指定網(wǎng)頁中注入預(yù)置的JS腳本;
[0270]通信單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將所述瀏覽器的主題背景配置信息發(fā)送給所述JS腳本;
[0271]此時,所述網(wǎng)頁背景配置單元具體用于:
[0272]通過所述JS腳本根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行配置;
[0273]所述渲染單元包括:
[0274]網(wǎng)頁信息修改子單元,用于通過所述JS腳本基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁的級聯(lián)樣式表進行修改;
[0275]內(nèi)核調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對所述指定網(wǎng)頁進行渲染及繪制。
[0276]或者,在另一種實現(xiàn)方式下,該系統(tǒng)還可以包括:[0277]函數(shù)監(jiān)控單元,用于對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0278]函數(shù)替換單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0279]所述渲染單元具體用于:
[0280]以所述重新配置的所述指定網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對所述指定網(wǎng)頁進行渲染及繪制。
[0281]在實際應(yīng)用中,該系統(tǒng)還可以包括:
[0282]主題更新請求接收單元,用于接收將指定圖片作為主題背景圖片的請求,將所述指定圖片確定為瀏覽器的主題背景圖片;
[0283]繪制方式確定單元,用于根據(jù)所述指定圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0284]主題背景配置更新單元,用于根據(jù)所述主題背景圖片以及繪制方式更新瀏覽器的主題背景配置信息;
[0285]主界面背景重繪單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景;
[0286]網(wǎng)頁背景重新確定單元,用于根據(jù)更新后的主題背景配置信息重新確定當前打開的網(wǎng)頁的背景信息;
[0287]網(wǎng)頁重新渲染單元,用于基于重新確定出的網(wǎng)頁的背景信息,對網(wǎng)頁進行重新渲染及繪制。
[0288]其中,還包括:
[0289]對象操作區(qū)域繪制單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景后,以直接在父窗口上繪圖的方式,在主界面中繪制對象操作區(qū)域;
[0290]用戶操作消息接收單元,用于接收操作系統(tǒng)發(fā)送的用戶操作消息,所述用戶操作消息中包括操作焦點的當前位置以及當前用戶操作的類型;
[0291]用戶操作消息處理單元,用于判斷所述操作焦點的當前位置是否位于某對象的操作區(qū)域內(nèi),如果是,將該對象確定為被操作對象,并根據(jù)當前用戶操作的類型,運行該類型下該被操作對象的消息處理方法,實現(xiàn)對所述用戶操作消息的處理。
[0292]其中,所述主題背景配置信息獲取單元具體用于:
[0293]獲取瀏覽器的主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置;
[0294]所述網(wǎng)頁背景配置單元具體用于:
[0295]根據(jù)所述主題背景圖片、繪制方式以及在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置,確定所述指定網(wǎng)頁的背景圖片、在網(wǎng)頁界面中進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置;
[0296]所述渲染單元具體用于:
[0297]以所述在網(wǎng)頁界面中進行繪制時的繪制方式在所述網(wǎng)頁界面中進行網(wǎng)頁背景的繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0298]還可以將背景圖片從網(wǎng)頁界面延伸到主界面,所述背景配置信息獲取單元701包括:[0299]網(wǎng)頁背景配置信息獲取單元,用于獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配
置信息;
[0300]所述背景配置單元702包括:
[0301]主題背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置;
[0302]所述背景繪制單元703包括:
[0303]主界面背景繪制單元,用于基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制。
[0304]其中,所述網(wǎng)頁背景配置信息獲取單元具體用于:
[0305]獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景使用的圖片;
[0306]所述主題背景配置單元包括:
[0307]圖片確定單元,用于將所述網(wǎng)頁背景使用的圖片確定為瀏覽器的主題背景圖片;
[0308]繪制方式確定單元,用于根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;
[0309]所述主界面背景繪制單元具體用于:根據(jù)所述繪制方式在所述主界面中繪制所述主題背景圖片;
[0310]所述系統(tǒng)還包括:
[0311]結(jié)束位置獲取單元,用于獲取在主界面繪制時主題背景圖片的結(jié)束位置;
[0312]網(wǎng)頁背景重新配置單元,用于根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,重新配置網(wǎng)頁的背景信息,所述網(wǎng)頁的背景信息包括網(wǎng)頁界面使用的背景圖片、在網(wǎng)頁界面進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時背景圖片的起始位置;
[0313]重新渲染單元,用于以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制,其中,繪制的內(nèi)容從所述在瀏覽器的網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
[0314]其中,所述繪制方式確定單元包括:
[0315]計算子單元,用于如果所述確定的所述圖片的尺寸小于瀏覽器窗口的尺寸,則計算所述確定的所述圖片的寬高比以及瀏覽器窗口的寬高比;
[0316]第一確定子單元,用于如果所述確定的所述圖片的寬高比小于瀏覽器窗口的寬高t匕,則將繪制方式確定為:以瀏覽器窗口的高度為基準對所述指定圖片進行拉伸后繪制;
[0317]第二確定子單元,用于如果所述確定的所述圖片的寬高比大于瀏覽器窗口的寬高t匕,則將繪制方式確定為:以瀏覽器窗口的寬度為基準對所述確定的所述圖片進行拉伸后繪制。
[0318]具體實現(xiàn)時,所述重新渲染單元包括:
[0319]腳本注入子單元,用于向網(wǎng)頁中注入預(yù)置的JS腳本;
[0320]通信子單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將重新配置的網(wǎng)頁的背景信息發(fā)送給所述JS腳本;
[0321]修改子單元,用于通過所述JS腳本基于重新配置的網(wǎng)頁的背景信息,對網(wǎng)頁的級聯(lián)樣式表進行修改;[0322]調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染及繪制。
[0323]或者,所述重新渲染單元包括:
[0324]監(jiān)控子單元,用于觸發(fā)瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,并對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控;
[0325]替換子單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù);
[0326]參數(shù)傳入子單元,用于以重新配置的網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對網(wǎng)頁進行重新渲染及繪制。
[0327]其中,如果所述繪制方式為從主題背景圖片的原點開始直接繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0328]交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標ypl ;
[0329]第一結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為ypl ;
[0330]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0331]第一起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,ypl)。
[0332]如果所述主題背景圖片的尺寸大于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0333]交界線信息獲取子單元,用于獲取瀏覽器的主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;
[0334]主界面圖片起始位置獲取子單元,用于獲取在主界面繪制時主題背景圖片的起始點位置相對于主題背景圖片的坐標為(m,η)
[0335]第二結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為n+yp2 ;
[0336]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0337]第二起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(m, n+yp2)。
[0338]如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0339]交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;
[0340]主界面起始位置獲取子單元,用于獲取在主界面繪制時主界面的起始點位置相對于瀏覽器窗口的坐標(a, b)
[0341]第三結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為yp2_b ;
[0342]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0343]第三起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,yp2_b)。[0344]如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為平鋪繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置:
[0345]交點坐標獲取子單元,用于獲取繪制到主界面與網(wǎng)頁界面的交界線時,當前被繪制的像素點相對于主題背景圖片的縱坐標P3 ;
[0346]第四結(jié)束位置獲取子單元,用于將在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為P3 ;
[0347]通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置:
[0348]第五起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時第一行主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,P3);
[0349]第六起始位置獲取子單元,用于從繪制第二行主題背景圖片起,主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,O)。
[0350]通過本發(fā)明實施例提供的上述系統(tǒng),能夠根據(jù)瀏覽器窗口中一個展現(xiàn)區(qū)域的背景配置信息,來配置另一個展現(xiàn)區(qū)域的背景,因此,能夠使得瀏覽器窗口的不同展現(xiàn)區(qū)域具有相同的背景,從而優(yōu)化展現(xiàn)的效果。
[0351]通過以上的實施方式的描述可知,本領(lǐng)域的技術(shù)人員可以清楚地了解到本發(fā)明可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)?;谶@樣的理解,本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做出貢獻的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來,該計算機軟件產(chǎn)品可以存儲在存儲介質(zhì)中,如R0M/RAM、磁碟、光盤等,包括若干指令用以使得一臺計算機設(shè)備(可以是個人計算機,服務(wù)器,或者網(wǎng)絡(luò)設(shè)備等)執(zhí)行本發(fā)明各個實施例或者實施例的某些部分所述的方法。
[0352]本說明書中的各個實施例均采用遞進的方式描述,各個實施例之間相同相似的部分互相參見即可,每個實施例重點說明的都是與其他實施例的不同之處。尤其,對于裝置或系統(tǒng)實施例而言,由于其基本相似于方法實施例,所以描述得比較簡單,相關(guān)之處參見方法實施例的部分說明即可。以上所描述的裝置及系統(tǒng)實施例僅僅是示意性的,其中所述作為分離部件說明的單元可以是或者也可以不是物理上分開的,作為單元顯示的部件可以是或者也可以不是物理單元,即可以位于一個地方,或者也可以分布到多個網(wǎng)絡(luò)單元上。可以根據(jù)實際的需要選擇其中的部分或者全部模塊來實現(xiàn)本實施例方案的目的。本領(lǐng)域普通技術(shù)人員在不付出創(chuàng)造性勞動的情況下,即可以理解并實施。
[0353]以上對本發(fā)明所提供的瀏覽器窗口界面展現(xiàn)方法及系統(tǒng),進行了詳細介紹,本文中應(yīng)用了具體個例對本發(fā)明的原理及實施方式進行了闡述,以上實施例的說明只是用于幫助理解本發(fā)明的方法及其核心思想;同時,對于本領(lǐng)域的一般技術(shù)人員,依據(jù)本發(fā)明的思想,在【具體實施方式】及應(yīng)用范圍上均會有改變之處。綜上所述,本說明書內(nèi)容不應(yīng)理解為對本發(fā)明的限制。
【權(quán)利要求】
1.一種瀏覽器窗口界面展現(xiàn)方法,其特征在于,包括: 獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息; 根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置; 根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息包括: 獲取瀏覽器主界面區(qū)域的主題背景配置信息; 所述根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置包括: 在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置; 所述根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景包括: 基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。
3.根據(jù)權(quán)利要求2所述的方法,其特征在于,還包括: 向所述指定網(wǎng)頁中注入預(yù)置的JS腳本; 接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將所述瀏覽器的主題背景配置信息發(fā)送給所述JS腳本; 所述根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置包括: 通過所述JS腳本根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置; 所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括: 通過所述JS腳本基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁的級聯(lián)樣式表進行修改; 調(diào)用瀏覽器內(nèi)核對所述指定網(wǎng)頁進行渲染及繪制。
4.根據(jù)權(quán)利要求2所述的方法,其特征在于,還包括: 對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控; 當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù); 所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括: 以所述重新配置的所述指定網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對所述指定網(wǎng)頁進行渲染及繪制。
5.根據(jù)權(quán)利要求2所述的方法,其特征在于,還包括: 接收將指定圖片作為主題背景圖片的請求,將所述指定圖片確定為瀏覽器的主題背景圖片; 根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式; 根據(jù)所述主題背景圖片以及繪制方式更新瀏覽器的主題背景配置信息;根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景; 根據(jù)更新后的主題背景配置信息重新確定當前打開的網(wǎng)頁的背景信息; 基于重新確定出的網(wǎng)頁的背景信息,對網(wǎng)頁進行重新渲染及繪制。
6.根據(jù)權(quán)利要求5所述的方法,其特征在于,所述根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景后,還包括: 以直接在父窗口上繪圖的方式,在主界面中繪制對象操作區(qū)域; 接收操作系統(tǒng)發(fā)送的用戶操作消息,所述用戶操作消息中包括操作焦點的當前位置以及當前用戶操作的類型; 判斷所述操作焦點的當前位置是否位于某對象的操作區(qū)域內(nèi),如果是,將該對象確定為被操作對象,并根據(jù)當前用戶操作的類型,運行該類型下該被操作對象的消息處理方法,實現(xiàn)對所述用戶操作消息的處理。
7.根據(jù)權(quán)利要求2或5所述方法,其特征在于,所述獲取瀏覽器的主題背景配置信息包括: 獲取瀏覽器的主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置; 所述根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置包括:· 根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,確定所述指定網(wǎng)頁的背景圖片、在網(wǎng)頁界面中進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置; 所述基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制包括: 以所述在網(wǎng)頁界面中進行繪制時的繪制方式在所述網(wǎng)頁界面中進行網(wǎng)頁背景的繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
8.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息包括: 獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配置信息; 所述根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置包括: 根據(jù)所述網(wǎng)頁的背景配置信息對瀏覽器主界面區(qū)域的主題背景信息進行重新配置; 所述根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景包括: 基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制。
9.根據(jù)權(quán)利要求8所述的方法,其特征在于,所述獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配置信息包括: 獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景使用的圖片; 所述根據(jù)所述網(wǎng)頁背景配置信息對瀏覽器主界面區(qū)域的主題背景信息進行重新配置包括: 將所述網(wǎng)頁背景使用的圖片確定為瀏覽器的主題背景圖片; 根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式;所述基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制包括: 根據(jù)所述繪制方式在所述主界面中繪制所述主題背景圖片; 所述方法還包括: 獲取在主界面繪制時主題背景圖片的結(jié)束位置; 根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,重新配置網(wǎng)頁的背景信息,所述網(wǎng)頁的背景信息包括網(wǎng)頁界面使用的背景圖片、在網(wǎng)頁界面進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時背景圖片的起始位置; 以所述在網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
10.根據(jù)權(quán)利要求5或9所述的方法,其特征在于,根據(jù)確定的所述圖片的尺寸,確定繪制方式包括: 如果所述確定的所述圖片的尺寸小于瀏覽器窗口的尺寸,則計算所述確定的所述圖片的寬高比以及瀏覽器窗口的寬高比; 如果所述確定的所述圖片的寬高比小于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的高度為基準對所述確定的所述圖片進行拉伸后繪制; 如果所述確定的所述圖片的寬高比大于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的寬度為基準對所述確定的所述圖片進行拉伸后繪制。
11.根據(jù)權(quán)利要求9所述的方法,其特征在于,所述以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界 面中對網(wǎng)頁背景進行重新繪制包括: 向網(wǎng)頁中注入預(yù)置的JS腳本; 接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將重新配置的網(wǎng)頁的背景信息發(fā)送給所述JS腳本; 通過所述JS腳本基于重新配置的網(wǎng)頁的背景信息,對網(wǎng)頁的級聯(lián)樣式表進行修改; 調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染及繪制。
12.根據(jù)權(quán)利要求9所述的方法,其特征在于,所述以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制包括: 觸發(fā)瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,并對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控; 當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù); 以重新配置的網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對網(wǎng)頁進行重新渲染及繪制。
13.根據(jù)權(quán)利要求7或9所述的方法,其特征在于,如果所述繪制方式為從主題背景圖片的原點開始直接繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括: 獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標ypl ;將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為 yPi; 所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括: 將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O, ypl)o
14.根據(jù)權(quán)利要求7或9所述的方法,其特征在于,如果所述主題背景圖片的尺寸大于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括: 獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;獲取在主界面繪制時主題背景圖片的起始點位置相對于主題背景圖片的坐標為(m,η)將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為 n+yp2 ; 所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括: 將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(m, n+yp2)。
15.根據(jù)權(quán)利要求7或9所述的方法,其特征在于,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括: 獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ; 獲取在主界面繪制時主界面的起始點位置相對于瀏覽器窗口的坐標(a,b) 將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為 yP2~b ; 所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括: 將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O,yp2_b)。
16.根據(jù)權(quán)利要求7或9所述的方法,其特征在于,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為平鋪繪制,所述獲取在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置包括: 獲取繪制到主界面與網(wǎng)頁界面的交界線時,當前被繪制的像素點相對于主題背景圖片的縱坐標P3 ; 將在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為P3 ; 所述確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置包括: 將在網(wǎng)頁界面進行繪制時第一行主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O,P3); 從繪制第二行主題背景圖片起,主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(0,0)。
17.—種瀏覽器窗口界面展現(xiàn)系統(tǒng),其特征在于,包括: 背景配置信息獲取單元,用于獲取瀏覽器窗口中第一展現(xiàn)區(qū)域的背景配置信息; 背景配置單元,用于根據(jù)所述第一展現(xiàn)區(qū)域的背景配置信息,對瀏覽器窗口中第二展現(xiàn)區(qū)域的背景進行配置; 背景繪制單元,用于根據(jù)配置的結(jié)果繪制所述第二展現(xiàn)區(qū)域的背景。
18.根據(jù)權(quán)利要求17所述的方法,其特征在于,所述背景配置信息獲取單元包括: 主題背景配置信息獲取單元,用于獲取瀏覽器主界面區(qū)域的主題背景配置信息; 所述背景配置單元包括:網(wǎng)頁背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置; 所述背景繪制單元包括: 渲染單元,用于基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁進行渲染及繪制。
19.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,還包括: 腳本注入單元,用于向所述指定網(wǎng)頁中注入預(yù)置的JS腳本; 通信單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將所述瀏覽器的主題背景配置信息發(fā)送給所述JS腳本; 所述網(wǎng)頁背景配置單元具體用于: 通過所述JS腳本根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行配置; 所述渲染單元包括: 網(wǎng)頁信息修改子單元,用于通過所述JS腳本基于重新配置的所述指定網(wǎng)頁的背景信息,對所述指定網(wǎng)頁的級聯(lián)樣式表進行修改; 內(nèi)核調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對所述指定網(wǎng)頁進行渲染及繪制。
20.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,還包括: 函數(shù)監(jiān)控單元,用于對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控; 函數(shù)替換單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù); 所述渲染單元具體用于: 以所述重新配置的所述指定網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對所述指定網(wǎng)頁進行渲染及繪制。
21.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,還包括: 主題更新請求接收單元,用于接收將指定圖片作為主題背景圖片的請求,將所述指定圖片確定為瀏覽器的主題背景圖片; 繪制方式確定單元,用于根據(jù)所述指定圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式; 主題背景配置更新單元,用于根據(jù)所述主題背景圖片以及繪制方式更新瀏覽器的主題背景配置信息; 主界面背景重繪單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面進旦冃月^ ; 網(wǎng)頁背景重新確定單元,用于根據(jù)更新后的主題背景配置信息重新確定當前打開的網(wǎng)頁的背景信息; 網(wǎng)頁重新渲染單元,用于基于重新確定出的網(wǎng)頁的背景信息,對網(wǎng)頁進行重新渲染及繪制
22.根據(jù)權(quán)利要求21所述的系統(tǒng),其特征在于,還包括: 對象操作區(qū)域繪制單元,用于根據(jù)更新后的主題背景配置信息重新繪制瀏覽器的主界面背景后,以直接在父窗口上繪圖的方式,在主界面中繪制對象操作區(qū)域; 用戶操作消息接收單元,用于接收操作系統(tǒng)發(fā)送的用戶操作消息,所述用戶操作消息中包括操作焦點的當前位置以及當前用戶操作的類型; 用戶操作消息處理單元,用于判斷所述操作焦點的當前位置是否位于某對象的操作區(qū)域內(nèi),如果是,將該對象確定為被操作對象,并根據(jù)當前用戶操作的類型,運行該類型下該被操作對象的消息處理方法,實現(xiàn)對所述用戶操作消息的處理。
23.根據(jù)權(quán)利要求18或21所述的系統(tǒng),其特征在于,所述主題背景配置信息獲取單元具體用于: 獲取瀏覽器的主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置; 所述網(wǎng)頁背景配置單元具體用于: 根據(jù)所述主題背景圖片、繪制方式以及在瀏覽器主界面繪制時主題背景圖片的結(jié)束位置,確定所述指定網(wǎng)頁的背景圖片、在網(wǎng)頁界面中進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置; 所述渲染單元具體用于: 以所述在網(wǎng)頁界面中進行繪制時的繪制方式在所述網(wǎng)頁界面中進行網(wǎng)頁背景的繪制,其中,繪制的內(nèi)容從所述在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
24.根據(jù)權(quán)利要求17所述的系統(tǒng),其特征在于,所述背景配置信息獲取單元包括: 網(wǎng)頁背景配置信息獲取單元,用于獲取瀏覽器網(wǎng)頁界面區(qū)域展現(xiàn)的網(wǎng)頁的背景配置信息; 所述背景配置單元包括: 主題背景配置單元,用于在需要展現(xiàn)指定網(wǎng)頁時,根據(jù)所述瀏覽器的主題背景配置信息對所述指定網(wǎng)頁的背景信息進行重新配置; 所述背景繪制單元包括: 主界面背景繪制單元,用于基于重新配置的主界面的背景信息,對所述主界面的背景進行繪制。
25.根據(jù)權(quán)利要求24所述的系統(tǒng),其特征在于,所述網(wǎng)頁背景配置信息獲取單元具體用于: 獲取瀏覽器網(wǎng)頁界面區(qū)域的網(wǎng)頁背景使用的圖片; 所述主題背景配置單元包括: 圖片確定單元,用于將所述網(wǎng)頁背景使用的圖片確定為瀏覽器的主題背景圖片; 繪制方式確定單元,用于根據(jù)所述主題背景圖片的尺寸,確定在主界面中繪制主題背景圖片時的繪制方式; 所述主界面背景繪制單元具體用于:根據(jù)所述繪制方式在所述主界面中繪制所述主題背景圖片; 所述系統(tǒng)還包括: 結(jié)束位置獲取單元,用于獲取在主界面繪制時主題背景圖片的結(jié)束位置; 網(wǎng)頁背景重新配置單元,用于根據(jù)所述主題背景圖片、繪制方式以及在主界面繪制時主題背景圖片的結(jié)束位置,重新配置網(wǎng)頁的背景信息,所述網(wǎng)頁的背景信息包括網(wǎng)頁界面使用的背景圖片、在網(wǎng)頁界面進行繪制時的繪制方式、以及在網(wǎng)頁界面進行繪制時背景圖片的起始位置;重新渲染單元,用于以所述在瀏覽器的網(wǎng)頁界面進行繪制時的繪制方式在所述網(wǎng)頁界面中對網(wǎng)頁背景進行重新繪制,其中,繪制的內(nèi)容從所述在瀏覽器的網(wǎng)頁界面進行繪制時主題背景圖片的起始位置開始。
26.根據(jù)權(quán)利要求21或25所述的系統(tǒng),其特征在于,所述繪制方式確定單元包括: 計算子單元,用于如果所述確定的所述圖片的尺寸小于瀏覽器窗口的尺寸,則計算所述確定的所述圖片的寬高比以及瀏覽器窗口的寬高比; 第一確定子單元,用于如果所述確定的所述圖片的寬高比小于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的高度為基準對所述指定圖片進行拉伸后繪制; 第二確定子單元,用于如果所述確定的所述圖片的寬高比大于瀏覽器窗口的寬高比,則將繪制方式確定為:以瀏覽器窗口的寬度為基準對所述確定的所述圖片進行拉伸后繪制。
27.根據(jù)權(quán)利要求25所述的系統(tǒng),其特征在于,所述重新渲染單元包括: 腳本注入子單元,用于向網(wǎng)頁中注入預(yù)置的JS腳本; 通信子單元,用于接收到所述JS腳本的獲取瀏覽器的主題背景配置信息的請求時,將重新配置的網(wǎng)頁的背景信息發(fā)送給所述JS腳本; 修改子單元,用于通過所述JS腳本基于重新配置的網(wǎng)頁的背景信息,對網(wǎng)頁的級聯(lián)樣式表進行修改; 調(diào)用子單元,用于調(diào)用瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染及繪制。
28.根據(jù)權(quán)利要求25所述的方法,其特征在于,所述重新渲染單元包括: 監(jiān)控子單元,用于觸發(fā)瀏覽器內(nèi)核對網(wǎng)頁進行重新渲染,并對瀏覽器內(nèi)核渲染網(wǎng)頁過程中調(diào)用的關(guān)鍵函數(shù)進行監(jiān)控; 替換子單元,用于當所述關(guān)鍵函數(shù)被調(diào)用時,將所述關(guān)鍵函數(shù)替換為預(yù)置的函數(shù); 參數(shù)傳入子單元,用于以重新配置的網(wǎng)頁的背景信息為參數(shù)調(diào)用所述預(yù)置的函數(shù),對網(wǎng)頁進行重新渲染及繪制。
29.根據(jù)權(quán)利要求23或25所述的系統(tǒng),其特征在于,如果所述繪制方式為從主題背景圖片的原點開始直接繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置: 交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標ypl ; 第一結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為ypl ; 通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置: 第一起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O,ypl)。
30.根據(jù)權(quán)利要求23或25所述的系統(tǒng),其特征在于,如果所述主題背景圖片的尺寸大于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置: 交界線信息獲取子單元,用于獲取瀏覽器的主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ;主界面圖片起始位置獲取子單元,用于獲取在主界面繪制時主題背景圖片的起始點位置相對于主題背景圖片的坐標為(m,η); 第二結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為n+yp2 ; 通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置: 第二起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(m, n+yp2)。
31.根據(jù)權(quán)利要求23或25所述的系統(tǒng),其特征在于,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為居中繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置: 交界線信息獲取子單元,用于獲取主界面與網(wǎng)頁界面的交界線,并提取所述交界線相對于瀏覽器窗口的縱坐標yp2 ; 主界面起始位置獲取子單元,用于獲取在主界面繪制時主界面的起始點位置相對于瀏覽器窗口的坐標(a, b); 第三結(jié)束位置獲取子單元,用于將所述在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為yp2_b ; 通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置: 第三起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置相對于主題背景圖片的坐標確定·為(O,yp2-b)。
32.根據(jù)權(quán)利要求23或25所述的系統(tǒng),其特征在于,如果所述主題背景圖片的尺寸小于所述瀏覽器窗口的尺寸,所述繪制方式為平鋪繪制,通過以下子單元獲取在主界面繪制時主題背景圖片的結(jié)束位置: 交點坐標獲取子單元,用于獲取繪制到主界面與網(wǎng)頁界面的交界線時,當前被繪制的像素點相對于主題背景圖片的縱坐標P3 ; 第四結(jié)束位置獲取子單元,用于將在主界面繪制時主題背景圖片的結(jié)束位置相對于主題背景圖片的縱坐標確定為P3 ; 通過以下子單元確定在網(wǎng)頁界面進行繪制時主題背景圖片的起始位置: 第五起始位置獲取子單元,用于將在網(wǎng)頁界面進行繪制時第一行主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O,P3); 第六起始位置獲取子單元,用于從繪制第二行主題背景圖片起,主題背景圖片的起始位置相對于主題背景圖片的坐標確定為(O,O)。
【文檔編號】G06F3/0481GK103577030SQ201210265515
【公開日】2014年2月12日 申請日期:2012年7月27日 優(yōu)先權(quán)日:2012年7月27日
【發(fā)明者】林健 申請人:北京搜狗科技發(fā)展有限公司
網(wǎng)友詢問留言 已有0條留言
  • 還沒有人留言評論。精彩留言會獲得點贊!
1