專利名稱:一種展現(xiàn)網(wǎng)頁中頁面元素的方法及系統(tǒng)的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及瀏覽器技術(shù)領(lǐng)域,特別是涉及一種展現(xiàn)網(wǎng)頁中頁面元素的方法及系 統(tǒng)。
背景技術(shù):
網(wǎng)絡(luò)資源在通過網(wǎng)頁以頁面元素的形式提供給用戶之后,其利用率不僅需要通過 網(wǎng)頁的點擊率來體現(xiàn),還需要考慮具體的頁面元素是否真正被用戶瀏覽過或收聽過,否則, 即使網(wǎng)頁的點擊率較高,那也可能只能代表該網(wǎng)頁中部分網(wǎng)絡(luò)資源的利用率較高。通常在展現(xiàn)網(wǎng)頁中的頁面元素時,都是直接將頁面元素在其所屬網(wǎng)頁中的指定位 置進行展現(xiàn)。例如,當(dāng)用戶需要觀看網(wǎng)頁中的某個視頻時,通常是在該網(wǎng)頁中內(nèi)嵌該視頻的 位置直接為用戶播放該視頻。參見圖1(a),其中左上角一段視頻,在該狀態(tài)下,該視頻在瀏 覽器窗口的可視區(qū)域內(nèi);但是,如果用戶需要同時瀏覽該網(wǎng)頁中的其他內(nèi)容,則隨著頁面的 滾動,該視頻可能會無法顯示在瀏覽器窗口的可視區(qū)域中。例如,對于圖1(a)顯示的網(wǎng)頁, 當(dāng)滾動條向下滾動時,可能出現(xiàn)的狀態(tài)如圖1(b)所示,可見,在瀏覽器窗口的可視區(qū)域內(nèi), 只能顯示出上述視頻一部分,顯然,當(dāng)滾動條繼續(xù)向下滾動時,該視頻將完全脫離出用戶的 視線范圍。即,如果用戶想邊觀看某網(wǎng)頁中的視頻,邊瀏覽該網(wǎng)頁中其他的內(nèi)容,會很不方 便,甚至無法實現(xiàn),從而降低了網(wǎng)絡(luò)資源的利用率。
發(fā)明內(nèi)容
本發(fā)明提供一種展現(xiàn)網(wǎng)頁中頁面元素的方法及系統(tǒng),有利于提高網(wǎng)絡(luò)資源的利用率。本發(fā)明提供了如下方案一種展現(xiàn)網(wǎng)頁中頁面元素的方法,包括確定網(wǎng)頁中的目標(biāo)頁面元素;將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口 的固定位置。優(yōu)選的,所述將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述 瀏覽器窗口的固定位置包括通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在 的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。優(yōu)選的,所述通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在 所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置包括修改所述目標(biāo)頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的 瀏覽器窗口中相對所述瀏覽器窗口的固定位置。優(yōu)選的,所述修改所述目標(biāo)頁面元素的坐標(biāo)類型包括將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的固定坐標(biāo);
或者,將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁面窗口的絕對坐 標(biāo);所述方法還包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏移值, 修改設(shè)定所述目標(biāo)頁面元素的坐標(biāo)。優(yōu)選的,還包括將所述目標(biāo)頁面元素的層次修改為最高層。優(yōu)選的,當(dāng)所述目標(biāo)頁面元素的尺寸類型為相對父節(jié)點的相對尺寸時,還包括將所述目標(biāo)頁面元素的尺寸類型修改為絕對尺寸。優(yōu)選的,還包括修改所述目標(biāo)頁面元素的坐標(biāo);所述將所述目標(biāo)頁面元素展現(xiàn) 在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置包括將所述目標(biāo)頁面元素固定展現(xiàn)在相對所述瀏覽器窗口的指定位置。優(yōu)選的,還包括當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,修改所述目標(biāo)頁面元素的坐標(biāo),移 動所述目標(biāo)頁面元素。優(yōu)選的,當(dāng)所述目標(biāo)頁面元素在iframe框架中時,所述修改網(wǎng)頁中頁面元素的坐 標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的 固定位置包括修改所述iframe框架的坐標(biāo)類型,通過將所述iframe框架展現(xiàn)在相對所述瀏覽 器窗口的固定位置,來將所述目標(biāo)頁面元素展現(xiàn)在所述瀏覽器窗口中相對所述瀏覽器窗口 的固定位置。優(yōu)選的,還包括僅在所述iframe框架中顯示所述目標(biāo)頁面元素。優(yōu)選的,所述僅在所述iframe框架中顯示所述目標(biāo)頁面元素包括將所述iframe框架修改為與所述目標(biāo)頁面元素的尺寸相同,并通過修改所述目 標(biāo)頁面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固定展現(xiàn)在所述iframe框架的縮放 基準(zhǔn)位置,僅將所述目標(biāo)頁面元素顯示在所述iframe框架中;或者,當(dāng)所述iframe框架為非窗口模式時,將所述iframe框架修改為與所述目標(biāo)頁面 元素的尺寸相同,通過移動所述iframe框架的滾動條,僅將所述目標(biāo)頁面元素顯示在所述 iframe框架中;或者,當(dāng)所述iframe框架為窗口模式時,將所述iframe框架修改為與所述目標(biāo)頁面元 素的尺寸相同,通過移動所述iframe框架中所述目標(biāo)頁面元素所在的頁面窗口,僅將所述 目標(biāo)頁面元素顯示在所述iframe框架中。優(yōu)選的,所述修改所述iframe框架的坐標(biāo)類型,將所述iframe框架展現(xiàn)在所述網(wǎng) 頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置包括將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的固定坐標(biāo),并將所 述iframe框架的坐標(biāo)設(shè)置為相對所述瀏覽器窗口的指定位置;或者,
將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁面窗口的絕對坐 標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述網(wǎng)頁所在的頁面窗口的指定位置;所述 方法還包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏移值,更新所述 iframe框架的坐標(biāo)。優(yōu)選的,還包括將所述iframe框架的層次修改為最高層。優(yōu)選的,當(dāng)所述iframe框架的尺寸類型為相對父節(jié)點的相對尺寸時,還包括將所述iframe框架的尺寸類型修改為絕對尺寸。優(yōu)選的,還包括修改所述iframe框架的坐標(biāo);所述通過將所述iframe框架展現(xiàn) 在相對所述瀏覽器窗口的固定位置,將所述目標(biāo)頁面元素展現(xiàn)在相對所述瀏覽器窗口的固 定位置包括通過將所述iframe框架固定展現(xiàn)在相對所述瀏覽器窗口的指定位置,將所述目 標(biāo)頁面元素展現(xiàn)在相對所述瀏覽器窗口的固定位置。優(yōu)選的,還包括當(dāng)通過拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe框架的坐標(biāo),通 過移動所述iframe框架,移動所述目標(biāo)頁面元素。優(yōu)選的,所述確定網(wǎng)頁中的目標(biāo)頁面元素包括識別網(wǎng)頁中預(yù)置類型的頁面元素,自動將所述識別出的頁面元素確定為所述目標(biāo) 頁面元素;或者,識別網(wǎng)頁中預(yù)置類型的頁面元素,向用戶提供識別出的頁面元素的展現(xiàn)入口,當(dāng) 通過所述展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元 素確定為所述目標(biāo)頁面元素;或者,向用戶提供網(wǎng)頁中各頁面元素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入口接收到用戶請求 展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確定為所述目標(biāo)頁面元素。一種展現(xiàn)網(wǎng)頁中頁面元素的系統(tǒng),包括目標(biāo)確定單元,用于確定網(wǎng)頁中的目標(biāo)頁面元素;固定展現(xiàn)單元,用于將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相 對所述瀏覽器窗口的固定位置。優(yōu)選的,所述固定展現(xiàn)單元具體用于通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所 述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。優(yōu)選的,所述固定展現(xiàn)單元包括直接固定展現(xiàn)單元,用于修改所述目標(biāo)頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元 素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。優(yōu)選的,所述直接固定展現(xiàn)單元包括第一修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗 口的固定坐標(biāo);或者,
第二修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在 的頁面窗口的絕對坐標(biāo);所述系統(tǒng)還包括第一坐標(biāo)更新單元,用于當(dāng)滾動條發(fā)生滾動操 作時,計算滾動條的偏移值,根據(jù)所述偏移值,修改設(shè)定所述目標(biāo)頁面元素的坐標(biāo)。優(yōu)選的,還包括第一層次修改單元,用于將所述目標(biāo)頁面元素的層次修改為最高層。優(yōu)選的,當(dāng)所述目標(biāo)頁面元素的尺寸類型為相對父節(jié)點的相對尺寸時,還包括第一尺寸類型修改單元,用于將所述目標(biāo)頁面元素的尺寸類型修改為絕對尺寸。優(yōu)選的,還包括第一坐標(biāo)修改單元,用于修改所述目標(biāo)頁面元素的坐標(biāo);所述直接固定展現(xiàn)單元 具體用于將所述目標(biāo)頁面元素固定展現(xiàn)在相對所述瀏覽器窗口的指定位置。優(yōu)選的,還包括第一移動單元,用于當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,修改所述目標(biāo) 頁面元素的坐標(biāo),移動所述目標(biāo)頁面元素。優(yōu)選的,當(dāng)所述目標(biāo)頁面元素在iframe框架中時,所述固定展現(xiàn)單元包括間接固定展現(xiàn)單元,用于修改所述iframe框架的坐標(biāo)類型,通過將所述iframe框 架展現(xiàn)在相對所述瀏覽器窗口的固定位置,來將所述目標(biāo)頁面元素展現(xiàn)在所述瀏覽器窗口 中相對所述瀏覽器窗口的固定位置。優(yōu)選的,還包括顯示控制單元,用于僅在所述iframe框架中顯示所述目標(biāo)頁面元素。優(yōu)選的,所述顯示控制單元包括第一控制子單元,用于將所述iframe框架修改為與所述目標(biāo)頁面元素的尺寸相 同,并通過修改所述目標(biāo)頁面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固定展現(xiàn)在所 述iframe框架的縮放基準(zhǔn)位置,實現(xiàn)僅將所述目標(biāo)頁面元素顯示在所述iframe框架中;或者,第二控制子單元,用于當(dāng)所述iframe框架為非窗口模式時,將所述iframe框架修 改為與所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架的滾動條,僅將所述目標(biāo) 頁面元素顯示在所述iframe框架中;或者,第三控制子單元,用于當(dāng)所述iframe框架為窗口模式時,將所述iframe框架修改 為與所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架中所述目標(biāo)頁面元素所在 的頁面窗口,僅將所述目標(biāo)頁面元素顯示在所述iframe框架中。優(yōu)選的,所述間接固定展現(xiàn)單元包括第三修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗 口的固定坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述瀏覽器窗口的指定位置;或者,第四修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在 的頁面窗口的絕對坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述網(wǎng)頁所在的頁面窗 口的指定位置;所述方法還包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所 述偏移值,更新所述iframe框架的坐標(biāo)。
優(yōu)選的,還包括第二層次修改單元,用于將所述iframe框架的層次修改為最高層。優(yōu)選的,當(dāng)所述iframe框架的尺寸類型為相對父節(jié)點的相對尺寸時,還包括第二尺寸類型修改單元,用于將所述iframe框架的尺寸類型修改為絕對尺寸。優(yōu)選的,還包括第二坐標(biāo)修改單元,用于修改所述iframe框架的坐標(biāo);所述間接固定展現(xiàn)單元具 體用于通過將所述iframe框架固定展現(xiàn)在相對所述瀏覽器窗口的指定位置,將所述目標(biāo) 頁面元素展現(xiàn)在相對所述瀏覽器窗口的固定位置。優(yōu)選的,還包括第二移動單元,用于當(dāng)拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe 框架的坐標(biāo),通過移動所述iframe框架,移動所述目標(biāo)頁面元素。優(yōu)選的,所述目標(biāo)確定單元包括第一確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,自動將所述識別出的頁 面元素確定為所述目標(biāo)頁面元素;或者,第二確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,向用戶提供識別出的頁 面元素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述 用戶請求展現(xiàn)的頁面元素確定為所述目標(biāo)頁面元素;或者,第三確定子單元,用于向用戶提供網(wǎng)頁中各頁面元素的展現(xiàn)入口,當(dāng)通過所述展 現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確定為所 述目標(biāo)頁面元素。根據(jù)本發(fā)明提供的具體實施例,本發(fā)明公開了以下技術(shù)效果本發(fā)明在確定網(wǎng)頁中的目標(biāo)頁面元素之后,能夠?qū)⑺鲰撁嬖卣宫F(xiàn)在所述網(wǎng)頁 所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。由于頁面元素相對瀏覽器窗口的位 置固定,因此,頁面元素不會隨著滾動條的滾動而脫離出瀏覽器窗口的可視區(qū)域,即,不會 脫離用戶的視線范圍,用戶可以拖動滾動條來瀏覽原網(wǎng)頁中的其他內(nèi)容,同時,還可以在固 定的位置觀看到目標(biāo)頁面元素,因此,有利于提高網(wǎng)絡(luò)資源的利用率。
為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案,下面將對實施例中所 需要使用的附圖作簡單地介紹,顯而易見地,下面描述中的附圖僅僅是本發(fā)明的一些實施 例,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動性的前提下,還可以根據(jù)這些附圖 獲得其他的附圖。圖1 (a)和圖1 (b)是現(xiàn)有技術(shù)中展現(xiàn)頁面元素的示意圖;圖2是本發(fā)明實施例提供的方法的流程圖;圖3(a)和圖3(b)是本發(fā)明實施例中展現(xiàn)頁面元素的示意圖;圖4是本發(fā)明實施例提供的系統(tǒng)的示意圖。
具體實施例方式下面將結(jié)合本發(fā)明實施例中的附圖,對本發(fā)明實施例中的技術(shù)方案進行清楚、完 整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例?;?本發(fā)明中的實施例,本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他 實施例,都屬于本發(fā)明保護的范圍。參見圖2,本發(fā)明實施例提供的展現(xiàn)網(wǎng)頁中頁面元素的方法包括以下步驟S201 確定網(wǎng)頁中的目標(biāo)頁面元素;確定目標(biāo)頁面元素的方法有多種,例如,可以采用自動的方式,具體的,可以預(yù)置 需要以本發(fā)明實施例提供的方式展現(xiàn)的頁面元素類型,由瀏覽器識別網(wǎng)頁中各頁面元素的 類型,并自動將識別出的該預(yù)置類型的頁面元素確定為目標(biāo)頁面元素。例如,如果預(yù)置的頁 面元素類型為視頻元素,則當(dāng)識別出網(wǎng)頁中存在視頻元素時,就可以直接將其確定為目標(biāo) 頁面元素。為了避免對用戶正常瀏覽造成影響,在識別出網(wǎng)頁中存在預(yù)置類型的頁面元素 時,可選的,可以首先向用戶提供展現(xiàn)該預(yù)置類型的頁面元素的入口,該入口可以作為向用 戶提供的提示標(biāo)識,同時,用戶還可以通過該入口觸發(fā)瀏覽器以本發(fā)明實施例的方式展現(xiàn) 頁面元素。當(dāng)通過該展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,就可以將該用戶請 求展現(xiàn)的頁面元素確定為目標(biāo)頁面元素,并進行后續(xù)操作。當(dāng)然,也可以根據(jù)實際情況需 要,在識別出網(wǎng)頁中存在預(yù)置類型的頁面元素時不像用戶提供展現(xiàn)入口,而是自動的以本 發(fā)明實施例提供的方式向用戶展現(xiàn)目標(biāo)頁面元素。其中,頁面元素的預(yù)置類型可以作為瀏覽器的配置參數(shù),由瀏覽器默認設(shè)置,當(dāng) 然,也可以由用戶根據(jù)興趣進行手動設(shè)置,例如,用戶希望以本發(fā)明實施例提供的方式展現(xiàn) 圖片元素,則可以將相應(yīng)的配置信息修改為圖片元素。其中,該預(yù)置類型可以為多種,例如, 可以既識別視頻元素,又識別圖片元素,等等。當(dāng)然,瀏覽器也可以不必識別頁面元素的類型,而是向用戶分別提供網(wǎng)頁中各個 頁面元素的展現(xiàn)入口,例如,可以在用戶移動鼠標(biāo)的過程中,每移動到一個頁面元素上時, 都給出展現(xiàn)入口,用戶可以根據(jù)自己的需要或興趣等,點擊任意頁面元素的展現(xiàn)入口,瀏覽 器會在通過展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,會將用戶請求展現(xiàn)的頁面元 素確定為目標(biāo)頁面元素,并進行后續(xù)的操作。在這種方式下,瀏覽器可以不用識別頁面元素 的類型,進一步節(jié)省了系統(tǒng)開銷。從用戶角度而言,可以不用局限于預(yù)先設(shè)置的類型,具有 更高的靈活性。需要說明的是,具體的識別網(wǎng)頁中頁面元素類型的方法可以有多種,例如,其中一 種方式可以是在用戶移動鼠標(biāo)的過程中,可以利用瀏覽器提供的函數(shù),獲取鼠標(biāo)下的頁面 元素的相關(guān)信息,包括頁面元素的標(biāo)簽、類型、名稱、類標(biāo)識符ClassID、父節(jié)點等等;通過 這些信息可以識別出部分頁面元素的類型,如,如果發(fā)現(xiàn)某頁面元素的標(biāo)簽為<img>,則可 以確定該頁面元素為圖片;又如,如果發(fā)現(xiàn)某頁面元素的標(biāo)簽為〈object〉,則可以進一步 根據(jù)該頁面元素的ClassID,判斷出是否為嵌入網(wǎng)頁的音視頻播放器,以此來判斷該頁面元 素是否為視頻或音頻元素,等等。另一種識別網(wǎng)頁中頁面元素類型的方法可以是根據(jù)在加載網(wǎng)頁過程中瀏覽器向 服務(wù)器發(fā)送的請求,或者服務(wù)器返回的響應(yīng)中的數(shù)據(jù)部分來識別網(wǎng)頁中頁面元素的類型。
12這種方法可以識別出所有類型的頁面元素,尤其是采用服務(wù)器返回的響應(yīng)中的數(shù)據(jù)部分來 識別的方式,具有很高的準(zhǔn)確性。具體的實現(xiàn)細節(jié)已經(jīng)是現(xiàn)有技術(shù),這里不再贅述。S202:將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器 窗口的固定位置。用戶看來目標(biāo)頁面元素就像漂浮在頁面上,因此,也可以稱為漂浮展現(xiàn), 但在漂浮展現(xiàn)的過程中,目標(biāo)頁面元素不會隨著原頁面滾動條的滾動而脫離用戶的視線范 圍。通常,網(wǎng)頁中的頁面元素都會展現(xiàn)在相對其父節(jié)點的固定位置,同時,由于其父節(jié) 點也在頁面中,因此,頁面元素相對于其所在頁面窗口的位置也是固定的,這樣,當(dāng)滾動條 滾動時,隨著頁面的滾動,其中的頁面元素也會一起滾動。而在本發(fā)明實施例中將頁面元素 展現(xiàn)在原瀏覽器窗口中相對原瀏覽器窗口的固定位置,由于頁面元素的位置相對原瀏覽器 窗口是固定的,因此,當(dāng)滾動條滾動時,雖然該頁面元素所在的原頁面會隨之滾動,但是該 頁面元素始終展現(xiàn)在相對原瀏覽器窗口的固定位置。這樣,由于該頁面元素不會隨著滾動 條的滾動而移出瀏覽器窗口的可視區(qū)域,即不會脫離用戶的視線范圍,因此,從展現(xiàn)層面上 看,目標(biāo)元素就像漂浮在瀏覽器窗口中,用戶可以邊瀏覽網(wǎng)頁中的其他內(nèi)容,邊觀看該頁面 元素,從而提高了資源的利用率。為了不至于造成混淆,下面對幾個概念進行簡單介紹。首先,關(guān)于頁面窗口與瀏覽器窗口 頁面窗口是瀏覽器窗口的一個子窗口,在瀏覽 器窗口的子窗口中,除了頁面窗口之外可能還包括工具條等其他子窗口。另外,關(guān)于窗口與窗口的可視區(qū)域窗口中實際所容納的內(nèi)容可能并不只是當(dāng)前 展現(xiàn)出的內(nèi)容,通俗地將,就像透過窗戶看風(fēng)景一樣,風(fēng)景是無限大的,只不過只能看到與 窗口大小一致的部分而已,這部分就是可視區(qū)域。因此,可以說,窗口中實際能夠被用戶看 到的內(nèi)容所在的區(qū)域就是窗口的可視區(qū)域。如果窗口中需要展現(xiàn)的內(nèi)容多于其可視區(qū)域能 夠展現(xiàn)的內(nèi)容,則窗口的右側(cè)和/或下側(cè)會出現(xiàn)滾動條,可以通過拖動滾動條,改變窗口的 可視區(qū)域展現(xiàn)的內(nèi)容。需要說明的是,在本發(fā)明實施例中,將目標(biāo)頁面元素展現(xiàn)在原瀏覽器窗口中相對 原瀏覽器窗口的固定位置,這與本發(fā)明人在先申請專利中提到的以獨立窗口的方式展現(xiàn)網(wǎng) 頁相關(guān)資源的方法是不同的。首先,從本質(zhì)上講,在本發(fā)明實施例的方法中,將目標(biāo)頁面元素展現(xiàn)在原瀏覽器窗 口中相對原瀏覽器窗口的固定位置之后,窗口的數(shù)目并不會改變,該目標(biāo)頁面元素仍然屬 于原網(wǎng)頁,只是某些屬性發(fā)生了變化,其移動范圍不會超出原瀏覽器窗口的范圍;而以獨立 窗口的方式展現(xiàn)網(wǎng)頁相關(guān)資源時,需要首先以桌面窗口為父窗口為創(chuàng)建一個獨立窗口(可 以理解為該窗口與瀏覽器窗口處于同一層次,瀏覽器窗口的父窗口也是桌面窗口),或者打 開一個已知的播放器作為獨立窗口等,因此,在獨立窗口中展現(xiàn)網(wǎng)頁相關(guān)資源后,窗口的數(shù) 目會增加,在獨立窗口中展現(xiàn)的網(wǎng)頁相關(guān)資源也可能不再屬于原網(wǎng)頁。其次,在用戶顯示層面上也有所不同。在本發(fā)明實施例中,如果在當(dāng)前網(wǎng)頁A中將 目標(biāo)元素a展現(xiàn)在原瀏覽器窗口中相對原瀏覽器窗口的固定位置,一旦拖動瀏覽器窗口, 則目標(biāo)元素a便會隨著瀏覽器窗口移動,而且始終保持與瀏覽器窗口的相對位置不變;另 外,將當(dāng)前網(wǎng)頁A切換到另一個網(wǎng)頁B,或者切換到其他應(yīng)用程序之后,用戶將無法再看到 目標(biāo)元素a ;此外,如果關(guān)閉瀏覽器窗口,那么這個目標(biāo)元素a也會消失。而在以獨立窗口的方式展現(xiàn)的方法中,用戶除了能夠看到原瀏覽器窗口之外,還會看到一個與原瀏覽器窗口 相互獨立的獨立窗口,如果拖動原瀏覽器窗口,則獨立窗口的位置不會發(fā)生改變,即,獨立 窗口與原瀏覽器窗口的相對位置發(fā)生了變化,換而言之,獨立窗口相對原瀏覽器窗口(即 網(wǎng)頁A所在的瀏覽器窗口)的相對位置是不固定的;此外,如果關(guān)閉該瀏覽器窗口,則可以 做到展現(xiàn)元素a的獨立窗口并不隨之關(guān)閉(即消失)。另外需要說明的是,本發(fā)明實施例中,頁面元素可以包括但不限于視頻元素、音頻 元素、圖片元素、動畫(包括GIF動畫或flash動畫等)、文本中的任意一種或任意多種組 合,當(dāng)然,也可以是將來發(fā)現(xiàn)的其他某種頁面元素。其中,所述視頻元素與動畫有所不同, 所述視頻元素主要是指在網(wǎng)頁內(nèi)嵌的播放器中播放的流媒體文件,而動畫與圖片、文字資 源類似,例如網(wǎng)頁中投放的一些flash廣告等等。由于視頻元素在網(wǎng)頁中展現(xiàn)依賴于內(nèi)嵌 的播放器,因此,在本發(fā)明實施例中,當(dāng)目標(biāo)頁面元素為視頻元素時,可以通過將其播放器 展現(xiàn)在相對瀏覽器窗口的固定位置,來實現(xiàn)將該視頻元素展現(xiàn)在相對瀏覽器窗口的固定位 置。實際上,可以理解為網(wǎng)頁中的播放器也是一種頁面元素,當(dāng)識別出網(wǎng)頁中存在播放器 時,就可以認為網(wǎng)頁中存在視頻或音頻元素,然后直接將該播放器展現(xiàn)在相對瀏覽器窗口 的固定位置即可。關(guān)于圖1(a)所示的網(wǎng)頁,則將其中左上角的視頻元素展現(xiàn)在該網(wǎng)頁所在的瀏覽 器窗口中相對該瀏覽器窗口的固定位置后,如圖3(a)所示,可以看出,該視頻被展現(xiàn)在瀏 覽器窗口的右上角位置了 ;原來展現(xiàn)該視頻的位置變成了空白。當(dāng)滾動條向下滾動之后,假 設(shè)仍滾動到圖1(b)所示的位置,則利用本發(fā)明實施例方法后的效果可以如圖3(b)所示,可 以看出,雖然網(wǎng)頁中的其他內(nèi)容向下滾動了,但是該視頻仍然可以完整地展現(xiàn)在瀏覽器窗 口的右上角。頁面元素通常具有多種屬性,包括頁面元素的位置、尺寸、層次、坐標(biāo)(指明具體 的位置)、坐標(biāo)類型(是相對坐標(biāo)還是絕對坐標(biāo))等等,這些屬性最初是由網(wǎng)站制作者在制 作網(wǎng)頁時,根據(jù)需要設(shè)定的,但是,通過瀏覽器自身提供的DOM操作,可以改變?nèi)我忭撁嬖?素的任意一種屬性。本發(fā)明實施例就可以通過修改頁面元素的屬性,來實現(xiàn)將目標(biāo)頁面元 素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。其中一種方式可 以是,通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型來實現(xiàn),下面對該方法進行詳細地介紹。
具體實施方式
一可以通過直接設(shè)置目標(biāo)頁面元素的坐標(biāo)類型,將目標(biāo)頁面元素展現(xiàn)在相對瀏覽器 窗口的固定位置。首先需要說明的是,頁面元素的坐標(biāo)類型(position)屬性通??梢园ㄈN relative (相對)、absolute (絕對)、fixed (固定),其中relative是指相對父節(jié)點的相 對坐標(biāo),absolute是指相對頁面窗口的絕對坐標(biāo),fixed是指相對瀏覽器窗口的固定坐標(biāo)。 通常,頁面元素在頁面中展現(xiàn)時,頁面元素的坐標(biāo)類型都是relative,即相對其父節(jié)點位 置固定,因此,當(dāng)滾動條滾動時,隨著頁面的滾動,頁面元素也會發(fā)生滾動,進而使得頁面元 素與瀏覽器窗口的相對位置發(fā)生了變化;由于用戶只能看到瀏覽器窗口可視區(qū)域范圍內(nèi)的 內(nèi)容,因此,當(dāng)頁面元素滾動出瀏覽器窗口可視區(qū)域的范圍時,用戶就無法看到該頁面元素 了。在本發(fā)明實施例中,為了能夠?qū)⒛繕?biāo)頁面元素展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口中相對該瀏覽器窗口的固定位置,可以有多種方式,例如,其中一種簡單的方式是直接將目標(biāo) 頁面元素的坐標(biāo)類型設(shè)定為相對網(wǎng)頁所在的瀏覽器窗口的固定坐標(biāo)(position = fixed), 即該頁面元素與原頁面的相對位置發(fā)生了變化,但是與網(wǎng)頁所在的瀏覽器窗口的相對位置 不變,因此,無論滾動條如何滾動,該頁面元素都不會脫離網(wǎng)頁所在的瀏覽器窗口的可視區(qū) 域。例如,頁面元素原來的坐標(biāo)為(300,400),在滾動條不發(fā)生移動的情況下,相對網(wǎng)頁所 在的瀏覽器窗口的坐標(biāo)可能也是(300,400),將目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為〈fixed〉 之后,該目標(biāo)頁面元素相對網(wǎng)頁所在的瀏覽器窗口的坐標(biāo)將不變,即,即使?jié)L動條發(fā)生了滾 動,目標(biāo)頁面元素仍然會展現(xiàn)在相對網(wǎng)頁所在的瀏覽器窗口(300,400)的位置,當(dāng)然,在這 種情況下,該目標(biāo)頁面元素相對原頁面窗口的位置已經(jīng)發(fā)生了變化。需要說明的是,在上述方式中,僅修改目標(biāo)頁面元素的坐標(biāo)類型,而該頁面元素坐 標(biāo)的屬性值并沒有變化,這樣,如果在修改坐標(biāo)類型之前,目標(biāo)頁面元素顯示在顯示屏的正 中央,則修改坐標(biāo)類型之后,該目標(biāo)頁面元素仍然顯示在顯示屏的正中央,與修改坐標(biāo)類型 之前所不同的是,當(dāng)滾動條滾動時,該目標(biāo)頁面元素同樣會顯示在顯示屏的正中央??蛇x的,為了實現(xiàn)更好的展現(xiàn)效果,還可以修改目標(biāo)頁面元素坐標(biāo)的屬性值,將目 標(biāo)頁面元素固定展現(xiàn)在相對網(wǎng)頁所在的瀏覽器窗口的指定位置。例如,可以在修改目標(biāo)頁 面元素的坐標(biāo)類型的同時,設(shè)定該目標(biāo)頁面元素的坐標(biāo)屬性值(top,left等坐標(biāo)的值), 如,可以將目標(biāo)頁面元素的坐標(biāo)設(shè)定在網(wǎng)頁所在的瀏覽器窗口的左上角,則該頁面元素將 會固定展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口的左上角,當(dāng)滾動條滾動時,該頁面元素仍然展現(xiàn)在 網(wǎng)頁所在的瀏覽器窗口的左上角。另一種方式還可以如下進行將目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對網(wǎng)頁所在的 頁面窗口的絕對坐標(biāo)(position = absolute)。但是,在這種方式下,當(dāng)滾動條滾動時,該頁 面元素會隨著網(wǎng)頁所在的頁面窗口的滾動而滾動,即,在滾動條滾動過程中,該目標(biāo)頁面元 素與網(wǎng)頁所在的頁面窗口的相對位置不會發(fā)生變化,但是與網(wǎng)頁所在的瀏覽器窗口的相對 位置仍然會發(fā)生變化,如果不做任何處理,這種方式無法實現(xiàn)將目標(biāo)頁面元素展現(xiàn)在相對 網(wǎng)頁所在的瀏覽器窗口的固定位置。例如,原來目標(biāo)頁面元素的坐標(biāo)屬性值為(0,400),在初始狀態(tài)下(即打開網(wǎng)頁 后,滾動條尚未發(fā)生任何變化),該目標(biāo)頁面元素相對網(wǎng)頁所在的瀏覽器窗口的坐標(biāo)可能是 (0,500)。如果滾動條向下滾動的偏移值為300,如果保持相對網(wǎng)頁所在的頁面窗口的坐標(biāo) 不變,則該頁面元素相對網(wǎng)頁所在的瀏覽器窗口的坐標(biāo)將會變?yōu)?0,200),相對網(wǎng)頁所在的 瀏覽器窗口的位置會發(fā)生變化,從用戶視覺角度而言,相當(dāng)于將該頁面元素向上移動了 300 個像素。如果滾動條向下滾動的偏移值為600,則該頁面元素相對網(wǎng)頁所在的瀏覽器窗口的 坐標(biāo)將會變?yōu)?0,-100),此時,相當(dāng)于該頁面元素已經(jīng)移出(或部分移出)網(wǎng)頁所在的瀏 覽器窗口的可視區(qū)域了,相應(yīng)的,用戶將無法正??吹皆擁撁嬖亍R虼?,在這種方式下,可以進行一些必要的處理,在本發(fā)明實施例中,采用了如下 方式監(jiān)控滾動條,當(dāng)滾動條發(fā)生滾動時,計算出滾動條的偏移值,然后根據(jù)所述偏移值,更 新目標(biāo)頁面元素的坐標(biāo)。或者,也可以建立與頁面窗口的事件連接點,這樣當(dāng)發(fā)生滾動條滾 動事件后,瀏覽器會收到通知,然后計算滾動條的偏移值。仍然假設(shè)原來頁面元素坐標(biāo)為 (0,400),如果滾動條向下滾動的偏移值為300,則需要將頁面元素的坐標(biāo)屬性值加上300 才能與原來的(0,400)時相對網(wǎng)頁所在的瀏覽器窗口的位置保持一致,從而保證該頁面元素不會被移出網(wǎng)頁所在的瀏覽器窗口的可視區(qū)域。同樣的,在這種方式下,也可以修改目標(biāo)頁面元素的坐標(biāo)屬性值(top,left等坐 標(biāo)的值)。例如,可以將目標(biāo)頁面元素的坐標(biāo)設(shè)定在網(wǎng)頁所在的頁面窗口的左上角,則該頁 面元素將會展現(xiàn)在網(wǎng)頁所在的頁面窗口的左上角;當(dāng)然,隨著滾動條的滾動,該修改后的坐 標(biāo)屬性值也需要進行相應(yīng)的修改,以保證該頁面元素相對網(wǎng)頁所在的瀏覽器窗口的位置固定。前述對具體實施方式
一進行詳細地介紹,需要說明的是,在制作網(wǎng)頁時,頁面元 素的尺寸可以由絕對尺寸(如300*300)來表示,也可以由相對于父節(jié)點的相對尺寸(如 100%)來表示。顯然,絕對尺寸頁面元素實際的大小,而相對尺寸僅是體現(xiàn)了與父節(jié)點 尺寸的相關(guān)大小,例如,某頁面元素的父節(jié)點的尺寸是(300*300),該頁面元素的尺寸是 100%,則該頁面元素的絕對尺寸應(yīng)該是(300*300)。然而,由于改變了頁面元素的坐標(biāo)類型,因此,其父節(jié)點可能也會隨之發(fā)生變化, 此時,如果仍以相對尺寸表示頁面元素的大小,則可能會使頁面元素與原頁面中該頁面元 素的大小不一致,影響展現(xiàn)的效果。例如,如果將頁面元素的坐標(biāo)類型修改為相對網(wǎng)頁所在 的頁面窗口的絕對坐標(biāo),則該頁面元素的父節(jié)點可能會變?yōu)樵摼W(wǎng)頁所在的頁面窗口,如果 仍以100%來表示頁面元素的尺寸,則該頁面元素可能會與整個頁面窗口的尺寸一樣大。因此,在本發(fā)明實施例中,如果目標(biāo)頁面元素的尺寸類型為相對父節(jié)點的相對尺 寸,則可選的,可以將目標(biāo)頁面元素的尺寸類型修改為絕對尺寸,以保證頁面元素與原頁面 中該頁面元素的大小一致。其中,頁面元素的尺寸類型、相對尺寸的值、父節(jié)點的尺寸等信 息都屬于頁面元素的屬性,可以由瀏覽器提供的函數(shù)獲取到。另外,由于網(wǎng)頁中的各頁面元素可能不在同一層次上,如果僅修改了某頁面元素 的坐標(biāo)類型及坐標(biāo),則可能會由于該頁面元素所在的層次較低,而被上層的頁面元素遮擋 住,無法正常展現(xiàn)出來。因此,在本發(fā)明實施例中,還可以包括將目標(biāo)頁面元素的層次修改 為最高層的步驟,以保證目標(biāo)頁面元素不會被其他頁面元素遮擋。當(dāng)然,將目標(biāo)頁面元素的層次修改為最高層之后,可能會遮擋原頁面中部分其他 頁面元素,但是,例如,如果將目標(biāo)頁面元素展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口的左上角,則原 來顯示在該左上角的頁面元素將會被該頁面元素遮擋。由于用戶對這種目標(biāo)頁面元素的關(guān) 注度相對較高,而且,隨著滾動條的滾動,當(dāng)前被遮擋的內(nèi)容還可能不再被遮擋,因此,可以 忽略該影響?;蛘?,為避免這種情況,也可以通過對網(wǎng)頁上目標(biāo)頁面元素以外的其他頁面元素 的布局進行調(diào)整。例如,當(dāng)目標(biāo)頁面元素顯示在左上角時,可以將網(wǎng)頁中的其他頁面元素進 行整體右移,這樣,目標(biāo)頁面元素就不會遮擋住其他的頁面元素了?;蛘撸部梢詫⒃瓉淼?頁面元素環(huán)繞顯示在目標(biāo)頁面元素的周圍。例如,當(dāng)目標(biāo)頁面元素顯示在左上角時,此處原 來顯示的是一些文字,則可以將這些文字環(huán)繞顯示在該目標(biāo)頁面元素周圍,其他的頁面元 素可以不變。當(dāng)然,還可以有多種其他的方式來繞開目標(biāo)頁面元素,這里不再一一例舉。其 中,可以通過改變其他頁面元素的屬性來實現(xiàn)上述目的,例如,改變其他頁面元素的尺寸、 坐標(biāo)等,如果各頁面元素不在同一層次,還可能需要改變其層次,等等。
具體實施方式
二在上述具體實施方式
一中,采用直接修改目標(biāo)頁面元素的坐標(biāo)類型的方式,實現(xiàn)將目標(biāo)頁面元素展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口中相對于該瀏覽器窗口的固定位置。在該具 體實施方式二中,考慮了以下特殊情況目標(biāo)頁面元素可能在iframe框架中,此時,如果采 用具體實施方式
一的方法,會無法實現(xiàn)將目標(biāo)頁面元素展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口中相 對于該瀏覽器窗口的固定位置。為了便于理解,下面首先對iframe框架進行簡要地介紹。Iframe框架,又叫浮動幀標(biāo)記,可以用它將一個HTML文檔嵌入在一個HTML中顯 示,通俗地講,就是可以在一個網(wǎng)頁中嵌入另一個網(wǎng)頁。其最大的特征在于它所引用的 HTML文件不是與另外的HTML文件相互獨立顯示,而是可以直接嵌入在一個HTML文件中,與 這個HTML文件內(nèi)容相互融合,成為一個整體。例如,如有一個教程的網(wǎng)頁,需要分成多頁進 行展現(xiàn),每頁末尾做一個“上一頁”、“下一頁”的鏈接,除了每頁教程內(nèi)容不同之外,頁面其 它部分內(nèi)容都是相同的。此時,如果一頁一頁地做頁面,則每點擊“上一頁”或“下一頁”鏈 接時,頁面上相同的內(nèi)容也都需要重新加載,影響了實現(xiàn)的效率,而且浪費資源。這時就可 以采用iframe框架來解決該問題,具體的,可以只將教程的內(nèi)容做成一頁一頁的內(nèi)容頁, 不含其它內(nèi)容,這樣在點擊“上一頁”或“下一頁”鏈接時,就只改變教程內(nèi)容部分,其它內(nèi) 容保持不變,這樣,每頁都有的相同的內(nèi)容只下載一次后就不用再下載了。其中,教程的內(nèi) 容就在iframe框架中。例如,在網(wǎng)頁A中嵌入了網(wǎng)頁B,貝丨」,相對于網(wǎng)頁A而言,網(wǎng)頁B的內(nèi)容就在iframe 框架中。其中,iframe框架也屬于一種頁面元素,其HTML標(biāo)簽為<iframe>,相應(yīng)的,如果某 網(wǎng)頁的HTML文件中包含<iframe>標(biāo)簽,則證明該網(wǎng)頁中存在iframe框架。其中,對于iframe框架中的頁面元素,其移動范圍會被控制在iframe框架內(nèi)???以說,如果iframe框架是窗口模式,則對于網(wǎng)頁B的頁面窗口而言,iframe框架相當(dāng)于是 一個瀏覽器窗口。仍以在網(wǎng)頁A中以iframe框架方式嵌入了網(wǎng)頁B為例,當(dāng)目標(biāo)頁面元 素在網(wǎng)頁B中時,如果直接將目標(biāo)頁面元素的坐標(biāo)類型修改為〈absolute〉,則相當(dāng)于是該 目標(biāo)頁面元素相對網(wǎng)頁B的頁面窗口的絕對坐標(biāo),如果將目標(biāo)頁面元素的坐標(biāo)類型修改為 〈fixed〉,則相當(dāng)于是該目標(biāo)頁面元素相對iframe框架的固定坐標(biāo)。因此,如果直接修改該 目標(biāo)頁面元素的坐標(biāo)類型,無法使其相對于網(wǎng)頁A的頁面窗口的位置固定,更無法使其相 對于原瀏覽器窗口的位置固定。為此,在本發(fā)明實施例中,當(dāng)目標(biāo)頁面元素在iframe框架中時,即如果在網(wǎng)頁A中 確定了某目標(biāo)頁面元素,同時發(fā)現(xiàn)該目標(biāo)頁面元素在iframe框架中(相當(dāng)于這個目標(biāo)頁面 元素實際上也是在網(wǎng)頁B中),則可以采用以下方式實現(xiàn)將目標(biāo)頁面元素展現(xiàn)在網(wǎng)頁所在 的瀏覽器窗口中相對該瀏覽器窗口的固定位置將所述iframe框架的坐標(biāo)類型設(shè)定為相 對該瀏覽器窗口的固定坐標(biāo);或者,將所述iframe框架的坐標(biāo)類型設(shè)定為相對網(wǎng)頁所在的 頁面窗口的絕對坐標(biāo),當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏移值, 更新所述iframe框架的坐標(biāo)。與直接修改目標(biāo)頁面元素的屬性時類似,還可以修改iframe框架的坐標(biāo)屬性值, 將其固定展現(xiàn)在相對網(wǎng)頁所在的瀏覽器窗口的指定位置。如果iframe框架的尺寸類型為 相對尺寸,則可以將其修改為絕對尺寸;如果原頁面分多層,而iframe框架所在層次沒有 在最高層,則可以將其層次修改為最高層,以避免被網(wǎng)頁中其他的內(nèi)容遮擋住。該部分具體 的細節(jié)與具體實施方式
一類似,這里不再贅述。
需要說明的是,由于iframe框架也是一種頁面元素,因此,也可以改變其屬性。此 外,對于iframe框架中的頁面元素,同樣可以隨著鼠標(biāo)的移動感應(yīng)到,同樣可以通過瀏覽 器提供的函數(shù)獲得其屬性信息,如尺寸、位置、父節(jié)點等,根據(jù)其父節(jié)點信息,就可以獲知該 頁面元素在iframe框架中。當(dāng)然,可能需要多級父節(jié)點的判斷才能獲知頁面元素是否在 iframe框架中,例如,如果某頁面元素的父節(jié)點的標(biāo)簽是<iframe>,則可以確定該頁面元 素在iframe框架中;或者,該頁面元素的父節(jié)點的標(biāo)簽可能是<div>,而該節(jié)點的父節(jié)點的 標(biāo)簽是<iframe>,此時,該頁面元素也是在iframe框架中。其中,如果將iframe框架固定展現(xiàn)在網(wǎng)頁所在的瀏覽器窗口中相對于該瀏覽器 窗口的固定位置,則該iframe框架中的全部內(nèi)容會隨著iframe框架一起展現(xiàn)在該瀏覽器 窗口的固定位置。如果僅需要將目標(biāo)頁面元素展現(xiàn)在該瀏覽器窗口的固定位置,而不包括 其他內(nèi)容,則還需要進行一些特殊的設(shè)置。具體實現(xiàn)時,可以有多種方式實現(xiàn)僅在所述iframe框架中顯示目標(biāo)頁面元素。方式一、由于對iframe框架進行縮放時,通常情況下會以某個坐標(biāo)點為基準(zhǔn)進行 縮放,比如以iframe框架的左上角為基準(zhǔn)進行縮放,例如,當(dāng)iframe框架縮小時,則僅能顯 示出iframe框架左上角的部分內(nèi)容。因此,為了便于實現(xiàn)僅在所述iframe框架中顯示所 述目標(biāo)頁面元素,可以修改所述目標(biāo)頁面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固 定展現(xiàn)在所述iframe框架的縮放基準(zhǔn)位置(如左上角),將iframe框架縮放為與目標(biāo)頁面 元素的尺寸相同后,將正好在iframe框架中顯示出該目標(biāo)頁面元素。當(dāng)然,在這種方式下,將所述目標(biāo)頁面元素固定展現(xiàn)在所述iframe框架的左上角 的具體方法可以是,將目標(biāo)頁面元素的坐標(biāo)類型修改為〈absolute〉或〈fixed〉,并將其坐 標(biāo)修改為(0,0)即可。此外,在這種方式下,同樣會涉及修改目標(biāo)頁面元素的尺寸類型或?qū)?次的問題,參照具體實施方式
一即可,這里不再贅述。需要說明的是,無論iframe框架是窗口模式還是非窗口模式,該方式一都適用。 如果不采用該方式一,則針對窗口模式和非窗口模式,還可以分別采用其他的方法來實現(xiàn)。方式二、當(dāng)iframe框架為非窗口模式時,則如果將iframe框架縮小,則iframe框 架中將出現(xiàn)滾動條,此時,可以通過移動所述iframe框架的滾動條,將所述目標(biāo)頁面元素 顯示在所述iframe框架中。也就是說,如果在網(wǎng)頁A中以iframe框架方式嵌入了網(wǎng)頁B,在網(wǎng)頁A中識別出了 頁面元素X,而該頁面元素X在iframe框架中,實際上也是網(wǎng)頁B的一個頁面元素。此時, 如果iframe框架為非窗口模式,則iframe框架相當(dāng)于是網(wǎng)頁B的頁面本身,此時,如果將 iframe框架縮小,將僅能顯示網(wǎng)頁B的左上角部分,同時,網(wǎng)頁B的頁面右方和下方否可能 出現(xiàn)滾動條,可以通過移動該滾動條,將目標(biāo)頁面元素顯示在iframe框架中。方式三、當(dāng)所述iframe框架為窗口模式時,相當(dāng)于iframe框架窗口是目標(biāo)頁面元 素所在頁面窗口的父窗口,此時,可以通過移動所述iframe框架中目標(biāo)頁面元素所在的頁 面,將所述目標(biāo)頁面元素顯示在所述iframe框架中。仍然假設(shè)在網(wǎng)頁A中以iframe框架方式嵌入了網(wǎng)頁B,在網(wǎng)頁A中識別出了頁面 元素X,而該頁面元素X在iframe框架中,實際上是網(wǎng)頁B的一個頁面元素。此時,如果 iframe框架是窗口方式,則相當(dāng)于網(wǎng)頁B的頁面窗口是iframe框架窗口的子窗口,由于可 以通過移動子窗口來改變父窗口與子窗口的相對位置,因此,可以通過移動網(wǎng)頁B的頁面
18窗口,來改變iframe框架窗口中可以顯示的內(nèi)容,直到將目標(biāo)頁面元素顯示在iframe框架 窗口中即可。當(dāng)然,這些移動的行為都是由瀏覽器來完成的。前文所述描述了如何通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,實現(xiàn)將目標(biāo)元素展現(xiàn) 在所述網(wǎng)頁所在的瀏覽器窗口中相對該瀏覽器窗口的固定位置,在其他實施例中,也可以 基于本發(fā)明基本思想采用其他手段來實現(xiàn),例如,可以修改頁面元素的其他屬性,等等,這 里不再贅述。此外,用戶可以根據(jù)需要對目標(biāo)頁面元素的大小、位置等進行調(diào)整。例如,可以通 過為目標(biāo)頁面元素或iframe框架設(shè)置屬性,來實現(xiàn)對目標(biāo)頁面元素的縮放,或者使用戶能 夠通過拖動目標(biāo)頁面元素或iframe框架來改變頁面元素的位置,等等,這樣,可以滿足用 戶多方面的需求。其中,當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,可以通過修改所述目標(biāo)頁面 元素的坐標(biāo),來移動所述目標(biāo)頁面元素。用戶拖動目標(biāo)頁面元素時,可以使用鼠標(biāo)或鍵盤, 當(dāng)然也可以是其他工具,下面簡單介紹通過鼠標(biāo)或鍵盤來拖動目標(biāo)頁面元素的方法,使用 其他工具時,也可以做類似處理。為了使用戶能夠通過鼠標(biāo)或鍵盤拖動來改變頁面元素的 位置,具體可以如下進行對于用鍵盤移動的實現(xiàn)方式,可以預(yù)先設(shè)置用于移動的按鍵(例 如,可以是鍵盤上的“上、下、左、右”鍵,當(dāng)然,也可以是其他的按鍵),并且可以預(yù)先設(shè)置 當(dāng)按鍵被按下時,移動的方向、距離等。當(dāng)判斷出用戶按下預(yù)置的按鍵時,可以根據(jù)預(yù)先設(shè) 置的規(guī)則進行移動。具體實現(xiàn)時,用戶可以先選中需要移動的目標(biāo)頁面元素或iframe框 架,瀏覽器可以口向應(yīng)目標(biāo)頁面元素或iframe框架的onkeydown、onkeyup或者onkeypress 事件,其中,onkeydown事件是指在用戶按下任何鍵盤鍵(包括系統(tǒng)按鈕,如箭頭鍵和功能 鍵)時發(fā)生的事件;onkeyup事件是指在用戶放開任何先前按下的鍵盤鍵時發(fā)生的事件; onkeypress事件是指在用戶按下并放開任何字母數(shù)字鍵時發(fā)生的事件。在該事件發(fā)生時, 可以判斷出用戶在鍵盤按下了什么鍵,如果是預(yù)置的按鍵,則可以根據(jù)預(yù)置的規(guī)則移動用 戶選中的頁面元素或iframe框架。例如,可以預(yù)置為按一下移動10個像素,移動的方向與 按鍵上的方向一致,則如果用戶按下“下”,則將用戶選中的頁面元素或iframe框架往下移 動10個像素,相應(yīng)的,將頁面元素或iframe框架的top坐標(biāo)加10。對于使用鼠標(biāo)移動的實現(xiàn)方式,用戶可以將鼠標(biāo)放在需要移動的頁面元素或 iframe框架上,瀏覽器可以口向應(yīng)頁面元素或iframe框架的onmousedown、onmousemove、 onmouseup事件,其中,onmousedown事件是指鼠標(biāo)按鍵被按下時發(fā)生的事件,onmousemove 事件是指鼠標(biāo)指針移動時發(fā)生的事件,onmouseup事件是指鼠標(biāo)按鍵被松開時發(fā)生的事件。 在onmousedown事件發(fā)生時,設(shè)定頁面元素或iframe框架被跟蹤,通過setCapture函數(shù) (該函數(shù)用于在屬于當(dāng)前線程的指定窗口里設(shè)置鼠標(biāo)捕獲),在onmousemove事件發(fā)生的時 候,獲取當(dāng)前鼠標(biāo)的位置坐標(biāo)與之前的偏移值,然后將頁面元素或iframe框架的坐標(biāo)加上 此偏移值,即可得到頁面元素或iframe框架的新坐標(biāo),只需要再次設(shè)定頁面元素或iframe 框架的坐標(biāo)為該新坐標(biāo)即可。在onmouseup的事件發(fā)生時,可以通過函數(shù)releaseCapture 函數(shù)(該函數(shù)用戶從當(dāng)前線程中的窗口釋放鼠標(biāo)捕獲,并恢復(fù)通常的鼠標(biāo)輸入處理)釋放 鼠標(biāo)跟蹤。當(dāng)然,如果是將目標(biāo)頁面元素所在的iframe框架展現(xiàn)在了相對瀏覽器窗口的固 定位置,則用戶也可以通過拖動iframe框架來移動目標(biāo)頁面元素。對于瀏覽器而言,當(dāng)通過拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe框架的坐標(biāo),實現(xiàn)通過移動所 述iframe框架,移動所述目標(biāo)頁面元素。另外需要說明的是,如果在同一個頁面中識別出了多個頁面元素,或者,用戶在一 個頁面中指定展現(xiàn)多個頁面元素,則可以分別將這多個頁面元素都展現(xiàn)在相對瀏覽器窗口 的固定位置。綜合上述各種特征,本發(fā)明實施例還可以有如下應(yīng)用假設(shè)網(wǎng)頁中有兩個表格或 者兩張圖片,用戶需要對比,可以選擇首先將其第一個表格或者圖片展現(xiàn)在相對瀏覽器窗 口的固定位置,然后移動到另一個表格或者圖片的位置進行對比操作。本領(lǐng)域普通技術(shù)人員可以理解實現(xiàn)上述實施例方法中的全部或部分步驟是可以 通過程序來指令相關(guān)的硬件來完成,所述的程序可以存儲于一計算機可讀取存儲介質(zhì)中, 該程序在執(zhí)行時,包括如下步驟確定網(wǎng)頁中的目標(biāo)頁面元素;修改網(wǎng)頁中頁面元素的坐 標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的 固定位置。所述的存儲介質(zhì),如ROM/RAM、磁碟、光盤等。與本發(fā)明實施例提供的展現(xiàn)網(wǎng)頁中頁面元素的方法相對應(yīng),本發(fā)明實施例該提供 了一種展現(xiàn)網(wǎng)頁中頁面元素的系統(tǒng),參見圖4,該系統(tǒng)包括目標(biāo)確定單元401,用于確定網(wǎng)頁中的目標(biāo)頁面元素;固定展現(xiàn)單元402,用于將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口 中相對所述瀏覽器窗口的固定位置。其中,固定展現(xiàn)單元402具體用于通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述 目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。具體實現(xiàn)時,固定展現(xiàn)單元402可以包括直接固定展現(xiàn)單元,用于修改所述目標(biāo)頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元 素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。具體修改目標(biāo)頁面元素的坐標(biāo)類型時,所述直接固定展現(xiàn)單元可以包括第一修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗 口的固定坐標(biāo);或者,第二修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在 的頁面窗口的絕對坐標(biāo);所述系統(tǒng)還包括第一坐標(biāo)更新單元,用于當(dāng)滾動條發(fā)生滾動操 作時,計算滾動條的偏移值,根據(jù)所述偏移值,修改設(shè)定所述目標(biāo)頁面元素的坐標(biāo)。為了避免目標(biāo)頁面元素被網(wǎng)頁中其他的頁面元素遮擋,該系統(tǒng)還可以包括第一層次修改單元,用于將所述目標(biāo)頁面元素的層次修改為最高層。當(dāng)所述目標(biāo)頁面元素的尺寸類型為相對父節(jié)點的相對尺寸時,如果還是用相對尺 寸表示目標(biāo)頁面元素的尺寸屬性,則該目標(biāo)頁面元素可能會與原網(wǎng)頁中的尺寸不同,為了 避免這種情況的發(fā)生,該系統(tǒng)還可以包括 第一尺寸類型修改單元,用于將所述目標(biāo)頁面元素的尺寸類型修改為絕對尺寸。另外,還可以改變目標(biāo)頁面元素的展現(xiàn)位置,例如,可以將目標(biāo)頁面元素固定展現(xiàn) 在所述瀏覽器窗口的左上角等指定位置。相應(yīng)的,該系統(tǒng)還可以包括第一坐標(biāo)修改單元,用于修改所述目標(biāo)頁面元素的坐標(biāo);所述直接固定展現(xiàn)單元具體用于將所述目標(biāo)頁面元素固定展現(xiàn)在相對所述瀏覽器窗口的指定位置。在將目標(biāo)頁面元素展現(xiàn)在相對瀏覽器窗口的固定位置之后,為了使用戶可以通過 鍵盤或鼠標(biāo)等來拖動目標(biāo)頁面元素,該系統(tǒng)還可以包括第一移動單元,用于當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,修改所述目標(biāo) 頁面元素的坐標(biāo),移動所述目標(biāo)頁面元素。當(dāng)所述目標(biāo)頁面元素在iframe框架中時,固定展現(xiàn)單元402可以包括間接固定展現(xiàn)單元,用于修改所述iframe框架的坐標(biāo)類型,通過將所述iframe框 架展現(xiàn)在相對所述瀏覽器窗口的固定位置,將所述目標(biāo)頁面元素展現(xiàn)在所述瀏覽器窗口中 相對所述瀏覽器窗口的固定位置。由于iframe框架除了所述目標(biāo)頁面元素之外,還可能包括其他的頁面元素,此 時,該系統(tǒng)還可以包括顯示控制單元,用于僅在所述iframe框架中顯示所述目標(biāo)頁面元素。具體實現(xiàn)時,顯示控制單元可以包括第一控制子單元,用于將所述iframe框架修改為與所述目標(biāo)頁面元素的尺寸相 同,并通過修改所述目標(biāo)頁面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固定展現(xiàn)在所 述iframe框架的縮放基準(zhǔn)位置,實現(xiàn)僅將所述目標(biāo)頁面元素顯示在所述iframe框架中;或者,第二控制子單元,用于當(dāng)所述iframe框架為非窗口模式時,將所述iframe框架修 改為與所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架的滾動條,僅將所述目標(biāo) 頁面元素顯示在所述iframe框架中;或者,第三控制子單元,用于當(dāng)所述iframe框架為窗口模式時,將所述iframe框架修改 為與所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架中所述目標(biāo)頁面元素所在 的頁面窗口,僅將所述目標(biāo)頁面元素顯示在所述iframe框架中。與直接固定展現(xiàn)單元類似,間接固定展現(xiàn)單元可以包括第三修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對瀏覽器窗口的 固定坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對瀏覽器窗口的指定位置;或者,第四修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在 的頁面窗口的絕對坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述網(wǎng)頁所在的頁面窗 口的指定位置;此時,該系統(tǒng)還包括第二坐標(biāo)更新單元,用于當(dāng)滾動條發(fā)生滾動操作時, 計算滾動條的偏移值,根據(jù)所述偏移值,更新所述iframe框架的坐標(biāo)。類似的,該系統(tǒng)還可以包括第二層次修改單元,用于將所述iframe框架的層次修改為最高層。當(dāng)所述iframe框架的尺寸類型為相對父節(jié)點的相對尺寸時,該系統(tǒng)還可以包括第二尺寸類型修改單元,用于將所述iframe框架的尺寸類型修改為絕對尺寸。此外,該系統(tǒng)還可以包括第二坐標(biāo)修改單元,用于修改所述iframe框架的坐標(biāo);所述間接固定展現(xiàn)單元具 體用于通過將所述iframe框架固定展現(xiàn)在相對所述瀏覽器窗口的指定位置,將所述目標(biāo)頁面元素展現(xiàn)在相對所述瀏覽器窗口的固定位置。同樣,在通過iframe框架將目標(biāo)頁面元素展現(xiàn)在相對瀏覽器窗口的固定位置之 后,為了使用戶可以通過鍵盤或鼠標(biāo)來拖動目標(biāo)頁面元素,該系統(tǒng)還可以包括第二移動單元,用于當(dāng)拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe 框架的坐標(biāo),通過移動所述iframe框架,移動所述目標(biāo)頁面元素。在實際應(yīng)用中,可以有多種方式來確定目標(biāo)頁面元素,例如,目標(biāo)確定單元401可 以包括第一確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,自動將所述識別出的頁 面元素確定為所述目標(biāo)頁面元素;或者,第二確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,向用戶提供識別出的頁 面元素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述 用戶請求展現(xiàn)的頁面元素確定為所述目標(biāo)頁面元素;或者,第三確定子單元,用于向用戶提供網(wǎng)頁中各頁面元素的展現(xiàn)入口,當(dāng)通過所述展 現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確定為所 述目標(biāo)頁面元素。本發(fā)明中所描述的系統(tǒng)、裝置和方法適用于各種網(wǎng)絡(luò)或客戶端環(huán)境中,其例如可 以實現(xiàn)在諸如個人計算機設(shè)備之類的計算機設(shè)備中,或者可以實現(xiàn)在諸如移動電話、移動 通信設(shè)備、個人數(shù)字助理(PDA)等其他電子設(shè)備中。以上對本發(fā)明所提供的一種展現(xiàn)網(wǎng)頁中頁面元素的方法及系統(tǒng),進行了詳細介 紹,本文中應(yīng)用了具體個例對本發(fā)明的原理及實施方式進行了闡述,以上實施例的說明只 是用于幫助理解本發(fā)明的方法及其核心思想;同時,對于本領(lǐng)域的一般技術(shù)人員,依據(jù)本發(fā) 明的思想,在具體實施方式
及應(yīng)用范圍上均會有改變之處。綜上所述,本說明書內(nèi)容不應(yīng)理 解為對本發(fā)明的限制。
2權(quán)利要求
1.一種展現(xiàn)網(wǎng)頁中頁面元素的方法,其特征在于,包括確定網(wǎng)頁中的目標(biāo)頁面元素;將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固 定位置。
2.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng) 頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置包括通過修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏 覽器窗口中相對所述瀏覽器窗口的固定位置。
3.根據(jù)權(quán)利要求2所述的方法,其特征在于,所述通過修改網(wǎng)頁中頁面元素的坐標(biāo)類 型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定 位置包括修改所述目標(biāo)頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽 器窗口中相對所述瀏覽器窗口的固定位置。
4.根據(jù)權(quán)利要求3所述的方法,其特征在于,所述修改所述目標(biāo)頁面元素的坐標(biāo)類型 包括將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的固定坐標(biāo);或者,將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁面窗口的絕對坐標(biāo);所 述方法還包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏移值,修改設(shè) 定所述目標(biāo)頁面元素的坐標(biāo)。
5.根據(jù)權(quán)利要求3或4所述的方法,其特征在于,還包括將所述目標(biāo)頁面元素的層次修改為最高層。
6.根據(jù)權(quán)利要求3或4所述的方法,其特征在于,當(dāng)所述目標(biāo)頁面元素的尺寸類型為相 對父節(jié)點的相對尺寸時,還包括將所述目標(biāo)頁面元素的尺寸類型修改為絕對尺寸。
7.根據(jù)權(quán)利要求3或4所述的方法,其特征在于,還包括修改所述目標(biāo)頁面元素的坐 標(biāo);所述將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的 固定位置包括將所述目標(biāo)頁面元素固定展現(xiàn)在相對所述瀏覽器窗口的指定位置。
8.根據(jù)權(quán)利要求3或4所述的方法,其特征在于,還包括當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,修改所述目標(biāo)頁面元素的坐標(biāo),移動所 述目標(biāo)頁面元素。
9.根據(jù)權(quán)利要求2所述的方法,其特征在于,當(dāng)所述目標(biāo)頁面元素在iframe框架中時, 所述修改網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器 窗口中相對所述瀏覽器窗口的固定位置包括修改所述iframe框架的坐標(biāo)類型,通過將所述iframe框架展現(xiàn)在相對所述瀏覽器窗 口的固定位置,來將所述目標(biāo)頁面元素展現(xiàn)在所述瀏覽器窗口中相對所述瀏覽器窗口的固 定位置。
10.根據(jù)權(quán)利要求9所述的方法,其特征在于,還包括僅在所述iframe框架中顯示所述目標(biāo)頁面元素。
11.根據(jù)權(quán)利要求10所述的方法,其特征在于,所述僅在所述iframe框架中顯示所述 目標(biāo)頁面元素包括將所述iframe框架修改為與所述目標(biāo)頁面元素的尺寸相同,并通過修改所述目標(biāo)頁 面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固定展現(xiàn)在所述iframe框架的縮放基準(zhǔn) 位置,僅將所述目標(biāo)頁面元素顯示在所述iframe框架中;或者,當(dāng)所述iframe框架為非窗口模式時,將所述iframe框架修改為與所述目標(biāo)頁面元 素的尺寸相同,通過移動所述iframe框架的滾動條,僅將所述目標(biāo)頁面元素顯示在所述 iframe框架中;或者,當(dāng)所述iframe框架為窗口模式時,將所述iframe框架修改為與所述目標(biāo)頁面元素的 尺寸相同,通過移動所述iframe框架中所述目標(biāo)頁面元素所在的頁面窗口,僅將所述目標(biāo) 頁面元素顯示在所述iframe框架中。
12.根據(jù)權(quán)利要求9所述的方法,其特征在于,所述修改所述iframe框架的坐標(biāo)類型, 將所述iframe框架展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置 包括將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的固定坐標(biāo),并將所述 iframe框架的坐標(biāo)設(shè)置為相對所述瀏覽器窗口的指定位置;或者,將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁面窗口的絕對坐標(biāo),并 將所述iframe框架的坐標(biāo)設(shè)置為相對所述網(wǎng)頁所在的頁面窗口的指定位置;所述方法還 包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏移值,更新所述iframe 框架的坐標(biāo)。
13.根據(jù)權(quán)利要求9至12任一項所述的方法,其特征在于,還包括將所述iframe框架的層次修改為最高層。
14.根據(jù)權(quán)利要求9至12任一項所述的方法,其特征在于,當(dāng)所述iframe框架的尺寸 類型為相對父節(jié)點的相對尺寸時,還包括將所述iframe框架的尺寸類型修改為絕對尺寸。
15.根據(jù)權(quán)利要求9至12任一項所述的方法,其特征在于,還包括修改所述iframe框 架的坐標(biāo);所述通過將所述iframe框架展現(xiàn)在相對所述瀏覽器窗口的固定位置,將所述目 標(biāo)頁面元素展現(xiàn)在相對所述瀏覽器窗口的固定位置包括通過將所述iframe框架固定展現(xiàn)在相對所述瀏覽器窗口的指定位置,將所述目標(biāo)頁 面元素展現(xiàn)在相對所述瀏覽器窗口的固定位置。
16.根據(jù)權(quán)利要求9至12任一項所述的方法,其特征在于,還包括當(dāng)通過拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe框架的坐標(biāo),通過移 動所述iframe框架,移動所述目標(biāo)頁面元素。
17.根據(jù)權(quán)利要求1所述的方法,其特征在于,所述確定網(wǎng)頁中的目標(biāo)頁面元素包括識別網(wǎng)頁中預(yù)置類型的頁面元素,自動將所述識別出的頁面元素確定為所述目標(biāo)頁面元素;或者,識別網(wǎng)頁中預(yù)置類型的頁面元素,向用戶提供識別出的頁面元素的展現(xiàn)入口,當(dāng)通過 所述展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確 定為所述目標(biāo)頁面元素;或者,向用戶提供網(wǎng)頁中各頁面元素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入口接收到用戶請求展現(xiàn) 頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確定為所述目標(biāo)頁面元素。
18.一種展現(xiàn)網(wǎng)頁中頁面元素的系統(tǒng),其特征在于,包括目標(biāo)確定單元,用于確定網(wǎng)頁中的目標(biāo)頁面元素;固定展現(xiàn)單元,用于將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所 述瀏覽器窗口的固定位置。
19.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,所述固定展現(xiàn)單元具體用于通過修改 網(wǎng)頁中頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相 對所述瀏覽器窗口的固定位置。
20.根據(jù)權(quán)利要求19所述的系統(tǒng),其特征在于,所述固定展現(xiàn)單元包括直接固定展現(xiàn)單元,用于修改所述目標(biāo)頁面元素的坐標(biāo)類型,將所述目標(biāo)頁面元素展 現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。
21.根據(jù)權(quán)利要求20所述的系統(tǒng),其特征在于,所述直接固定展現(xiàn)單元包括第一修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的 固定坐標(biāo);或者,第二修改子單元,用于將所述目標(biāo)頁面元素的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁 面窗口的絕對坐標(biāo);所述系統(tǒng)還包括第一坐標(biāo)更新單元,用于當(dāng)滾動條發(fā)生滾動操作時, 計算滾動條的偏移值,根據(jù)所述偏移值,修改設(shè)定所述目標(biāo)頁面元素的坐標(biāo)。
22.根據(jù)權(quán)利要求20或21所述的系統(tǒng),其特征在于,還包括第一層次修改單元,用于將所述目標(biāo)頁面元素的層次修改為最高層。
23.根據(jù)權(quán)利要求20或21所述的系統(tǒng),其特征在于,當(dāng)所述目標(biāo)頁面元素的尺寸類型 為相對父節(jié)點的相對尺寸時,還包括第一尺寸類型修改單元,用于將所述目標(biāo)頁面元素的尺寸類型修改為絕對尺寸。
24.根據(jù)權(quán)利要求20或21所述的系統(tǒng),其特征在于,還包括第一坐標(biāo)修改單元,用于修改所述目標(biāo)頁面元素的坐標(biāo);所述直接固定展現(xiàn)單元具體 用于將所述目標(biāo)頁面元素固定展現(xiàn)在相對所述瀏覽器窗口的指定位置。
25.根據(jù)權(quán)利要求20或21所述的系統(tǒng),其特征在于,還包括第一移動單元,用于當(dāng)拖動所述目標(biāo)頁面元素的觸發(fā)事件發(fā)生時,修改所述目標(biāo)頁面 元素的坐標(biāo),移動所述目標(biāo)頁面元素。
26.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,當(dāng)所述目標(biāo)頁面元素在iframe框架中 時,所述固定展現(xiàn)單元包括間接固定展現(xiàn)單元,用于修改所述iframe框架的坐標(biāo)類型,通過將所述iframe框架展現(xiàn)在相對所述瀏覽器窗口的固定位置,來將所述目標(biāo)頁面元素展現(xiàn)在所述瀏覽器窗口中相 對所述瀏覽器窗口的固定位置。
27.根據(jù)權(quán)利要求沈所述的系統(tǒng),其特征在于,還包括顯示控制單元,用于僅在所述iframe框架中顯示所述目標(biāo)頁面元素。
28.根據(jù)權(quán)利要求27所述的系統(tǒng),其特征在于,所述顯示控制單元包括第一控制子單元,用于將所述iframe框架修改為與所述目標(biāo)頁面元素的尺寸相同, 并通過修改所述目標(biāo)頁面元素的坐標(biāo)類型及坐標(biāo),將所述目標(biāo)頁面元素固定展現(xiàn)在所述 iframe框架的縮放基準(zhǔn)位置,實現(xiàn)僅將所述目標(biāo)頁面元素顯示在所述iframe框架中;或者,第二控制子單元,用于當(dāng)所述iframe框架為非窗口模式時,將所述iframe框架修改為 與所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架的滾動條,僅將所述目標(biāo)頁面 元素顯示在所述iframe框架中;或者,第三控制子單元,用于當(dāng)所述iframe框架為窗口模式時,將所述iframe框架修改為與 所述目標(biāo)頁面元素的尺寸相同,通過移動所述iframe框架中所述目標(biāo)頁面元素所在的頁 面窗口,僅將所述目標(biāo)頁面元素顯示在所述iframe框架中。
29.根據(jù)權(quán)利要求沈所述的系統(tǒng),其特征在于,所述間接固定展現(xiàn)單元包括第三修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述瀏覽器窗口的 固定坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述瀏覽器窗口的指定位置;或者,第四修改子單元,用于將所述iframe框架的坐標(biāo)類型設(shè)定為相對所述網(wǎng)頁所在的頁 面窗口的絕對坐標(biāo),并將所述iframe框架的坐標(biāo)設(shè)置為相對所述網(wǎng)頁所在的頁面窗口的 指定位置;所述方法還包括當(dāng)滾動條發(fā)生滾動操作時,計算滾動條的偏移值,根據(jù)所述偏 移值,更新所述iframe框架的坐標(biāo)。
30.根據(jù)權(quán)利要求沈至四任一項所述的系統(tǒng),其特征在于,還包括第二層次修改單元,用于將所述iframe框架的層次修改為最高層。
31.根據(jù)權(quán)利要求沈至四任一項所述的系統(tǒng),其特征在于,當(dāng)所述iframe框架的尺寸 類型為相對父節(jié)點的相對尺寸時,還包括第二尺寸類型修改單元,用于將所述iframe框架的尺寸類型修改為絕對尺寸。
32.根據(jù)權(quán)利要求沈至四任一項所述的系統(tǒng),其特征在于,還包括第二坐標(biāo)修改單元,用于修改所述iframe框架的坐標(biāo);所述間接固定展現(xiàn)單元具體用 于通過將所述iframe框架固定展現(xiàn)在相對所述瀏覽器窗口的指定位置,將所述目標(biāo)頁面 元素展現(xiàn)在相對所述瀏覽器窗口的固定位置。
33.根據(jù)權(quán)利要求沈至四任一項所述的系統(tǒng),其特征在于,還包括第二移動單元,用于當(dāng)拖動所述iframe框架的觸發(fā)事件發(fā)生時,修改所述iframe框架 的坐標(biāo),通過移動所述iframe框架,移動所述目標(biāo)頁面元素。
34.根據(jù)權(quán)利要求18所述的系統(tǒng),其特征在于,所述目標(biāo)確定單元包括第一確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,自動將所述識別出的頁面元 素確定為所述目標(biāo)頁面元素;或者,第二確定子單元,用于識別網(wǎng)頁中預(yù)置類型的頁面元素,向用戶提供識別出的頁面元 素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶 請求展現(xiàn)的頁面元素確定為所述目標(biāo)頁面元素; 或者,第三確定子單元,用于向用戶提供網(wǎng)頁中各頁面元素的展現(xiàn)入口,當(dāng)通過所述展現(xiàn)入 口接收到用戶請求展現(xiàn)頁面元素的請求時,將所述用戶請求展現(xiàn)的頁面元素確定為所述目 標(biāo)頁面元素。
全文摘要
本發(fā)明公開了一種展現(xiàn)網(wǎng)頁中頁面元素的方法及系統(tǒng),其中,所述方法包括確定網(wǎng)頁中的目標(biāo)頁面元素;將所述目標(biāo)頁面元素展現(xiàn)在所述網(wǎng)頁所在的瀏覽器窗口中相對所述瀏覽器窗口的固定位置。通過本發(fā)明,有利于提高網(wǎng)絡(luò)資源的利用率。
文檔編號G06F17/30GK102117290SQ200910244559
公開日2011年7月6日 申請日期2009年12月30日 優(yōu)先權(quán)日2009年12月30日
發(fā)明者萬勇 申請人:北京搜狗科技發(fā)展有限公司