一種對瀏覽器頁面操作的處理方法
【專利摘要】本發明公開了一種對瀏覽器頁面操作的處理方法,瀏覽器接收不同鼠標的鼠標消息,瀏覽器進程解析各鼠標的鼠標消息并將其插入到同一個鼠標隊列中,并給各鼠標消息標識不同的鼠標ID;瀏覽器進程將鼠標隊列通過IPC共享內存發送到渲染進程中,渲染進程遍歷中的鼠標消息,根據鼠標消息的信息解析封裝成不同的javascript消息,消息解析完拋送一個的消息到瀏覽器頁面,即當上述各鼠標對瀏覽器頁面操作時,頁面收到各個鼠標的消息并通過鼠標的ID識別出鼠標操作。本發明通過對瀏覽器內核的修改,實現多人同時操作頁面協同辦公,多人同時預覽查看編輯瀏覽器頁面信息,大大提升了資源的利用,給用戶提供了便利,特別是大屏幕操作的用戶。
【專利說明】一種對瀏覽器頁面操作的處理方法
[0001]
【技術領域】
[0002]本發明涉及互聯網【技術領域】,更具體地,涉及一種對瀏覽器頁面操作的處理方法。【背景技術】
[0003]現有對瀏覽器頁面的處理都是在頁面中編寫javascript代碼,使得當頁面接收到鼠標消息的時候去處理相應的請求。
[0004]瀏覽器處理鼠標的消息的流程如圖1,瀏覽器收到windows鼠標消息,瀏覽器窗口進程處理鼠標消息并封裝成內部的消息結構,再通過IPC共享內存的形式發送給渲染進程。渲染進程接收到鼠標消息后再判斷所動鼠標操作是在哪個元素和那種操作,然后再轉換成javascript消息。在頁面上則該元素響應到相應的消息事件。用戶即可根據相應的消息事件做不同的操作,如:點擊事件,雙擊事件,移動元素等。
[0005]而在拼接墻大屏幕上一個人可視的區域是有限的,如此就有了多個鼠標同時對拼接墻的控制。但是在瀏覽器內對兩個鼠標或者多個鼠標的處理都是按照一個鼠標的數量邏輯。無法做到區分不同鼠標消息的操作,在編寫頁面應用程序時不能區分多個鼠標,無法實現多鼠標同時點擊,雙擊,移動元素等功能。
【發明內容】
[0006]本發明為克服上述現有技術所述的至少一種缺陷(不足),提供一種對瀏覽器頁面操作的處理方法,對瀏覽器增加多鼠標的javascript的消息,并對多個鼠標進行管理。從而實現在瀏覽器內接收多個鼠標的消息轉換成能同時響應的事件,真正做到多人同時對頁面元素的點擊,移動等操作。
[0007]為了實現上述目的,本發明的技術方案如下:
一種對瀏覽器頁面操作的處理方法,是基于開源瀏覽器chiOmium的處理方法,瀏覽器接收不同鼠標的鼠標消息,瀏覽器進程解析各鼠標的鼠標消息并將其插入到同一個鼠標隊列mouselist中,同時給各鼠標消息標識不同的鼠標ID ;瀏覽器進程將鼠標隊列mouselist通過IPC共享內存發送到渲染進程中,渲染進程遍歷mouselist中的鼠標消息,根據鼠標消息的信息解析封裝成不同的javascript消息,消息解析完拋送一個multimouse的消息到瀏覽器頁面,即當上述各鼠標對瀏覽器頁面操作時,頁面收到各個鼠標的消息并通過鼠標的ID識別出鼠標操作。
[0008]采用該方法用戶就能同時根據不同鼠標消息編寫javascript消息代碼以完成不同的事情,從而真正做到多個鼠標同時在瀏覽器上進行點擊、移動、畫線等共同預覽及辦公作用。
[0009]與現有技術相比,本發明技術方案的有益效果是:在大屏幕拼接墻上,通過瀏覽器可展示的內容信息量是巨大的,但是對于一個系統來說,原先的瀏覽器只允許單個人去預覽查看其所需要關注的內容。而在大屏幕上不同的人關注的重點不一樣,采用本方法就可以通過多鼠標供不同的人員在頁面上做預覽和查看。本發明通過對瀏覽器內核的修改,給javascript開發人員提供方法實現多人同時操作頁面協同辦公,多人同時預覽查看編輯瀏覽器頁面信息的功能。大大提升了資源的利用,給用戶提供了便利,特別是在大屏幕操作的用戶。
【專利附圖】
【附圖說明】
[0010]圖1為現有瀏覽器鼠標消息的處理方法流程圖。
[0011]圖2為本發明的方法流程圖。
【具體實施方式】
[0012]附圖僅用于示例性說明,不能理解為對本專利的限制;
為了更好說明本實施例,附圖某些部件會有省略、放大或縮小,并不代表實際產品的尺
寸;
對于本領域技術人員來說,附圖中某些公知結構及其說明可能省略是可以理解的。
[0013]下面結合附圖2和實施例對本發明的技術方案做進一步的說明。
[0014]I)瀏覽器接收到鼠標I的鼠標消息,瀏覽器進程解析鼠標I的鼠標消息并插入到一個鼠標隊列mouselist中,并給該鼠標消息標識為鼠標ID為I的鼠標消息。
[0015]2)瀏覽器接收到鼠標2的鼠標消息,瀏覽器進程解析鼠標2的鼠標消息并插入到鼠標隊列中mouselist中,并給改鼠標消息標識為鼠標ID為2的鼠標消息。
[0016]3)同樣,當有其它鼠標的鼠標消息進入時,一并將鼠標消息插入到鼠標隊列mouselist中,并給予標識。
[0017]4)瀏覽器進程將鼠標隊列mouselist通過IPC共享內存發送到渲染進程中,渲染進程根據各個鼠標消息中的坐標、鼠標類型等信息去查找瀏覽器中所對應元素,然后給相應的元素綁定相應的鼠標消息。
[0018]5)渲染進程按照順序(因為鼠標不會太多,無需太復雜的方式)遍歷mouselist中的鼠標消息,根據消息的信息解析封裝成不同的javascript消息,假設鼠標ID為I的為mousemove消息,鼠標ID為2的為mousedown消息。消息解析完拋送一個multimouse的消息到瀏覽器頁面中,該multimouse消息中包含了鼠標ID為I的mousemove消息內容和鼠標ID為2的mousedown的消息內容。
[0019]6)至此多個鼠標對瀏覽器頁面操作時,頁面中能收到每個鼠標的消息并能通過鼠標ID識別出鼠標ID為I的鼠標在做mousemove的操作,鼠標ID為2的鼠標在做mousedown的操作。用戶此時就能同時根據不同鼠標消息編寫javascript代碼完成不同的事情。以此方式,真正做到多個鼠標同時在瀏覽器上進行點擊,移動,畫線等共同預覽及辦公的作用。
[0020]上述瀏覽器進程通過windows窗口的消息機制接收到各個鼠標消息或通過TCP網絡連接接收到各個遠程鼠標消息,再根據windows的鼠標消息參數判斷各個鼠標的消息類型。
[0021 ] 上述鼠標消息可以為鼠標移動mousemove、鼠標按下mousedown、鼠標彈起mouseup、鼠標進入mouseover、鼠標出來mouseout、鼠標滾輪mousewheel。針對各個鼠標消息封裝成多鼠標的消息 multimousemove、multimousedown、multimouseup、multimouseover、multimouseout 和 multimousewheel。這些多鼠標的消息包含在一個鼠標隊列,隊列中有每個鼠標的消息,每個鼠標的消息類型還是mousemove、mouse down >mouseup、mouseover> mouseout、mousewheel。
[0022]相同或相似的標號對應相同或相似的部件;
附圖中描述位置關系的用于僅用于示例性說明,不能理解為對本專利的限制;
顯然,本發明的上述實施例僅僅是為清楚地說明本發明所作的舉例,而并非是對本發明的實施方式的限定。對于所屬領域的普通技術人員來說,在上述說明的基礎上還可以做出其它不同形式的變化或變動。這里無需也無法對所有的實施方式予以窮舉。凡在本發明的精神和原則之內所作的任何修改、等同替換和改進等,均應包含在本發明權利要求的保護范圍之內。
【權利要求】
1.一種對瀏覽器頁面操作的處理方法,是基于開源瀏覽器ChiOmium的處理方法,其特征在于, 瀏覽器接收不同鼠標的鼠標消息,瀏覽器進程解析各鼠標的鼠標消息并將其插入到同一個鼠標隊列mouselist中,同時給各鼠標消息標識不同的鼠標ID ; 瀏覽器進程將鼠標隊列mouselist通過IPC共享內存發送到渲染進程中,渲染進程遍歷鼠標隊列mouselist中的鼠標消息,根據鼠標消息的信息解析封裝成不同的javascript消息,消息解析完拋送鼠標隊列multimouse的消息到瀏覽器頁面,即當上述各鼠標對瀏覽器頁面操作時,頁面收到各個鼠標的消息并通過鼠標的ID識別出鼠標操作。
2.根據權利要求1所述的對瀏覽器頁面操作的處理方法,其特征在于,所述瀏覽器進程通過windows窗口的消息機制接收到各個鼠標消息或通過TCP網絡連接接收到各個遠程鼠標消息,再根據windows的鼠標消息參數判斷各個鼠標的消息類型。
3.根據權利要求2所述的對瀏覽器頁面操作的處理方法,其特征在于,所述渲染進程根據各個鼠標消息中的坐標、鼠標類型的信息去查找瀏覽器中所對應元素,然后給相應的元素綁定相應的鼠標消息。
4.根據權利要求3所述的對瀏覽器頁面操作的處理方法,其特征在于,所述渲染進程按照順序遍歷查找鼠標隊列mouselist中的鼠標消息。
5.根據權利要求4所述的對瀏覽器頁面操作的處理方法,其特征在于,所述鼠標消息包括鼠標移動mousemove、鼠標按下mousedown、鼠標彈起mouseup、鼠標進入mouseover、鼠標出來mouseout、鼠標滾輪mousewheel。
6.根據權利要求5所述的對瀏覽器頁面操作的處理方法,其特征在于,所述根據鼠標消息的信息解析封裝成不同的javascript消息,再根據W3C規范拋送鼠標隊列multimouse的消息到瀏覽器頁面,multimouse的消息中包含一個鼠標隊列,鼠標隊列有各個鼠標的消息類型、鼠標ID、位置、對應的元素。
【文檔編號】G06F3/0487GK103645849SQ201310708260
【公開日】2014年3月19日 申請日期:2013年12月20日 優先權日:2013年12月20日
【發明者】蘇志群, 李嶸 申請人:廣東威創視訊科技股份有限公司