用于瀏覽器的頁面切換方法和裝置制造方法及圖紙

本申請公開了一種用于瀏覽器的頁面切換方法和裝置，頁面切換裝置包括：位圖合成模塊；頁面切換模塊；所述頁面切換模塊進一步用于：對所述瀏覽器窗口設置分界線；偵聽所述頁面切換事件中的鼠標滑動事件，在瀏覽器窗口內顯示當前標簽頁的位圖與鼠標滑動方向相反方向相鄰標簽頁的位圖的合成位圖；當鼠標滑動過程中的鼠標坐標位置由所述分界線的一側滑動到另一側時，使所述相鄰標簽頁完全切換到所述瀏覽器窗口中進行顯示。通過本發明專利技術實現了相鄰標簽頁之間的切換，實現了切換前后的頁面之間的關聯、實現了頁面切換過程的緩沖，使得用戶在切換過程中對頁面切換進行進一步的控制。

【技術實現步驟摘要】
用于瀏覽器的頁面切換方法和裝置
本專利技術屬于網頁瀏覽
，具體地說，涉及一種用于瀏覽器的頁面切換方法和裝置。
技術介紹
瀏覽器是人們經常使用的瀏覽網頁的軟件工具，用戶可以通過在瀏覽器地址欄輸入統一資源定位符URL，或點擊網頁內的超鏈接等方式，訪問網頁，獲取網頁內包含的信息內容。對于支持標簽式瀏覽的瀏覽器軟件，用戶可以在使用的過程中新建標簽頁，并通過新建的標簽頁訪問網址。在瀏覽器開啟若干標簽頁的情況下，通常需要在不同的瀏覽頁面之間進行切換。但是目前的瀏覽器中，用戶從當前標簽頁切換到另外一標簽頁時，都是立即進行切換的，切換前后的頁面之間缺乏關聯，前后頁面間的切換缺乏緩沖，用戶無法在切換過程中對頁面切換進行進一步的控制。
技術實現思路
鑒于上述問題，提出了本專利技術以便提供一種克服上述問題或者至少部分地解決或者減緩上述問題的用于瀏覽器的頁面切換方法和對應的裝置。為了解決上述技術問題，本申請提供了一種用于瀏覽器的頁面切換方法，包括：獲取相鄰標簽頁的位圖，并根據相鄰標簽頁的位圖生成合成位圖；在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換；其中，在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換，進一步包括：對所述瀏覽器窗口設置分界線；偵聽所述頁面切換事件中的鼠標滑動事件，在瀏覽器窗口內顯示當前標簽頁的位圖與鼠標滑動方向相反方向相鄰標簽頁的位圖的合成位圖；當鼠標滑動過程中的鼠標坐標位置由所述分界線的一側滑動到另一側時，使所述相鄰標簽頁完全切換到所述瀏覽器窗口中進行顯示。優選地，在瀏覽器窗口內顯示所述合成位圖，進一步包括：根據鼠標滑動的距離以及瀏覽器窗口的寬度控制在所述瀏覽器窗口中顯示的合成位圖中，所述相鄰標簽頁的位圖各自所占的部分。優選地，所述方法進一步包括：依照鼠標滑動的速度控制相鄰標簽頁之間切換時的頁面切換速度。優選地，根據相鄰標簽頁的位圖生成合成位圖，進一步包括：拼接相鄰標簽頁的位圖，所述合成位圖的高度與相鄰標簽頁的位圖高度相同，所述合成位圖的寬度為相鄰標簽頁的位圖的寬度之和；在瀏覽器窗口內顯示所述合成位圖，進一步包括：根據鼠標滑動的距離以及瀏覽器窗口的寬度控制在瀏覽器窗口內顯示的所述合成位圖的區域。優選地，根據相鄰標簽頁的位圖生成合成位圖，進一步包括：分別獲取相鄰標簽頁在瀏覽器窗口中待顯示的部分；分別截取所述待顯示的部分位圖；由所述截取的待顯示部分位圖生成合成位圖。為了解決上述技術問題，本申請提供了一種用于瀏覽器的頁面切換裝置，包括，位圖合成模塊，用于獲取相鄰標簽頁的位圖，并根據相鄰標簽頁的位圖生成合成位圖；頁面切換模塊，用于在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換；所述頁面切換模塊進一步用于：對所述瀏覽器窗口設置分界線；偵聽所述頁面切換事件中的鼠標滑動事件，在瀏覽器窗口內顯示當前標簽頁的位圖與鼠標滑動方向相反方向相鄰標簽頁的位圖的合成位圖；當鼠標滑動過程中的鼠標坐標位置由所述分界線的一側滑動到另一側時，使所述相鄰標簽頁完全切換到所述瀏覽器窗口中進行顯示。優選地，所述位圖合成模塊進一步用于拼接相鄰標簽頁的位圖，所述合成位圖的高度與相鄰標簽頁的位圖高度相同，所述合成位圖的寬度為相鄰標簽頁的位圖的寬度之和；所述頁面切換模塊，還用于在瀏覽器窗口內顯示所述合成位圖時，根據鼠標滑動的距離以及瀏覽器窗口的寬度控制在所述瀏覽器窗口內顯示的所述合成位圖的區域。優選地，所述位圖合成模塊還用于分別獲取相鄰標簽頁在瀏覽器窗口中待顯示的部分、分別截取所述待顯示的部分位圖、由所述截取的待顯示部分位圖生成合成位圖。根據本專利技術的實現方案增強了切換前后的頁面之間的關聯，在前后頁面間的切換之間實現了一定的緩沖，使得用戶可以在切換過程中對頁面切換進行進一步的控制。另外，根據本專利技術的實現方案在用戶切換指令之前就會獲取當前標簽頁的相鄰標簽頁，并進行合成位圖的處理，因而切換時反應速度很快，提高了切換速度。上述說明僅是本專利技術技術方案的概述，為了能夠更清楚了解本專利技術的技術手段，而可依照說明書的內容予以實施，并且為了讓本專利技術的上述和其它目的、特征和優點能夠更明顯易懂，以下特舉本專利技術的具體實施方式。附圖說明通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本專利技術的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：圖1為本專利技術實施例一用于瀏覽器的頁面切換方法流程示意圖；圖2為圖1所示用于瀏覽器的頁面切換方法的步驟S103的流程示意圖；圖3為圖1所示用于瀏覽器的頁面切換方法的步驟S103中瀏覽器窗口變化示意圖；圖4為本專利技術實施例二中合成位圖顯示示意圖；圖5為為本專利技術實施例三生成合成位圖的流程示意圖；圖6為本專利技術實施例四用于瀏覽器的頁面切換裝置的結構示意圖；圖7為本專利技術實施例五用于瀏覽器的頁面切換裝置的結構示意圖。具體實施方式下面將參照附圖更詳細地描述本公開的示例性實施例。雖然附圖中顯示了本公開的示例性實施例，然而應當理解，可以以各種形式實現本公開而不應被這里闡述的實施例所限制。相反，提供這些實施例是為了能夠更透徹地理解本公開，并且能夠將本公開的范圍完整的傳達給本領域的技術人員。現有網頁元素的多樣化及受到計算機處理速度、網絡速度的限制，在顯示新網頁時渲染時間往往較長，因此考慮在頁面切換時不立刻開啟目標頁面，給予目標頁面一段的緩沖時間，用于網頁渲染消耗；在這段緩沖時間內，考慮對于切換動作本身進行模擬展式可以讓用戶了解瀏覽器當前是否在進行切換的響應以及當前切換的進度，這種模擬展示考慮直接模擬頁面，直接模擬頁面相當于讓用戶直接看到切換前后的頁面預覽，可以讓用戶直觀辨認待切換的頁面是否正確；而這種形象化展示還可以體現出頁面切換時的頁面之間的關聯。本專利技術的下述實施例中，通過根據相鄰標簽頁的位圖生成合成位圖；當偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數實現了相鄰標簽頁之間的切換，支持用戶在切換過程中對切換的相鄰頁面進行操作。第一實施例如圖1所示，為本專利技術實施例一用于瀏覽器的頁面切換方法流程示意圖，本實施例中，用于瀏覽器的頁面切換方法包括：步驟S101、獲取相鄰標簽頁的位圖，并根據相鄰標簽頁的位圖生成合成位圖；在獲取相鄰標簽頁的位圖時，概括來說，根據相鄰標簽頁的頁面內容繪制相應位圖。具體來說，可以根據不同內核的瀏覽器采用不同的方式。比如，對于在chrome內核的瀏覽器，在渲染（render）進程里創建了一個內存位圖作為繪制canvas（chrome代碼里用戶繪制的對象），讓render進程重新繪制一遍，從而獲得了相鄰標簽頁中任一標簽頁的頁面位圖。對于在IE內核下，可以使用IviewObject接口的Draw函數把頁面內容繪制到內存位圖中，從而獲得相鄰標簽頁中任一標簽頁的頁面位圖。本實施例中，可以采取將保持相鄰標簽頁對應位圖的高度不變，而直接將相鄰標簽頁對應位圖進行寬度的接續以生成合成位圖；本文檔來自技高網...

【技術保護點】
一種用于瀏覽器的頁面切換方法，其中，包括：獲取相鄰標簽頁的位圖，并根據相鄰標簽頁的位圖生成合成位圖；在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換；其中，在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換，進一步包括：對所述瀏覽器窗口設置分界線；偵聽所述頁面切換事件中的鼠標滑動事件，在瀏覽器窗口內顯示當前標簽頁的位圖與鼠標滑動方向相反方向相鄰標簽頁的位圖的合成位圖，當鼠標滑動過程中的鼠標坐標位置由所述分界線的一側滑動到另一側時，使所述相鄰標簽頁完全切換到所述瀏覽器窗口中進行顯示。

【技術特征摘要】
1.一種用于瀏覽器的頁面切換方法，其中，包括：獲取相鄰標簽頁的位圖，并根據相鄰標簽頁的位圖拼接生成合成位圖；在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換；依照鼠標滑動的速度控制相鄰標簽頁之間切換的頁面切換速度；其中，在偵聽到發生頁面切換事件時，在瀏覽器窗口內顯示所述合成位圖，并結合所述頁面切換事件的頁面切換參數進行相鄰標簽頁之間的切換，進一步包括：對所述瀏覽器窗口設置分界線；偵聽所述頁面切換事件中的鼠標滑動事件，在瀏覽器窗口內顯示當前標簽頁的位圖與鼠標滑動方向相反方向相鄰標簽頁的位圖的合成位圖，當鼠標滑動過程中的鼠標坐標位置由所述分界線的一側滑動到另一側時，使所述相鄰標簽頁完全切換到所述瀏覽器窗口中進行顯示。2.根據權利要求1所述的方法，其中，在瀏覽器窗口內顯示所述合成位圖，進一步包括：根據鼠標滑動的距離以及瀏覽器窗口的寬度控制在所述瀏覽器窗口中顯示的合成位圖中，所述相鄰標簽頁的位圖各自所占的部分。3.根據權利要求1所述的方法，根據相鄰標簽頁的位圖生成合成位圖，其中，進一步包括：所述合成位圖的高度與相鄰標簽頁的位圖高度相同，所述合成位圖的寬度為相鄰標簽頁的位圖的寬度之和；在瀏覽器窗口內顯示所述合成位圖，進一步包括：根據鼠標滑動的距離以及瀏覽器窗口的寬度控制在瀏覽器窗口內顯示的所述合成位圖的區域。4.根據權利要求1所述的方法，根據相鄰標簽頁的位圖拼接生成合成位圖，其中，進一步包括：分別獲取相鄰標簽頁在瀏覽器窗口中待顯示的部分；分別截取所述待顯示的部分位圖；由所述...

【專利技術屬性】
技術研發人員：曹龍，張鵬翼，任寰，
申請(專利權)人：北京奇虎科技有限公司，奇智軟件北京有限公司，
類型：發明
國別省市：