專利名稱：用于網頁的圖片全屏瀏覽方法和裝置的制作方法
技術領域：
本發明屬于互聯網技術領域，具體地說，涉及一種用于網頁的圖片全屏瀏覽方法和裝置。
背景技術：
瀏覽器是最經常使用到的客戶端程序，借助瀏覽器可以顯示從網頁服務器或者文件系統獲取的超文本標記語言(Hypertext Markup Language,以下簡稱HTML)文件內容，并便于用戶與獲取的HTML文件進行交互。其中，從網頁服務器獲取HTML文件的瀏覽器即網頁瀏覽器，個人電腦上常見的網頁瀏覽器包括微軟的Internet Explorer、Mozilla的Firefox、Apple 的 Safari, 0pera>Google Chrome>GreenBrowser 瀏覽器、360 安全瀏覽器、搜狗高速瀏覽器、天天瀏覽器、騰訊TT、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等。網頁瀏覽器的工作原理可概括為通過HTTP協議與網頁服務器交互并獲取HTML文件并以網頁的形式呈現給用戶，這些網頁文件格式通常為HTML，并由多用途網際網路郵件延伸標準(Multipurpose Internet MailExtensions,MIME)在 HTTP 協議中指明，并通過統一資源定位符(Uniform/Universal Resource Locator,以下簡稱URL)進行指定。許多瀏覽器還支持其他的URL類型及其相應的協議，如FTP、Gopher、HTTPS (HTTP協議的加密版本)。HTTP內容類型和URL協議規范允許網頁設計者在網頁中嵌入圖像、動畫、視頻、聲音、流媒體等網頁元素。目前，大部分的瀏覽器本身還支持除HTML之外的廣泛的格式，例如JPEG、PNG、GIF等圖片格式，并且能夠擴展支持眾多的插件(plug-1ns)，網頁中每個文檔都是分別從網頁服務器獲取。以在網頁中顯示圖片為例，網頁中都會設置針對該圖片的圖片工具條，通過操作該工具條，實現圖片的全屏顯示、圖片的切換、圖片的縮放等。現有的圖片工具條的加載是在當前網頁頁面進程中完成，使用當前網頁中的javascript腳本生成DIV層的彈窗，在彈窗中加載有工具條，以呈現工具條，例如，如圖1所示，是在網頁中針對某一圖片(圖中黑色矩形為圖片位置)的工具條，圖中的雙箭頭標記為實現圖片全屏顯示的工具條，當鼠標懸停在圖片上時，圖片進行全屏顯示。上述方案中是使用JS腳本實現的，對于彈窗的內容完全是有網頁提供商根據自己的需要進行設計的。而且由于是JS腳本的實現，其展現的效果限制于網頁設計人員，其中會經常出現由于JS腳本設計的程序問題而導致瀏覽器崩潰的問題，然而由于又無法在瀏覽器側解決技術問題，導致瀏覽器側的故障問題。所以，目前迫切需要本領域解決的一個技術問題就是提供一種基于瀏覽器側的網頁圖片元素處理方案，用來解決在瀏覽器中執行圖片全屏瀏覽時造成的瀏覽器故障問題。
發明內容
鑒于上述問題，提出了本發明以便提供一種用于網頁的圖片全屏瀏覽方法和裝置，用來解決在瀏覽器子進程中執行圖片全屏瀏覽時造成的瀏覽器故障問題。
根據本發明的一個方面，提供了一種用于網頁的圖片全屏瀏覽方法，該方法包 括
在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信
在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所 述圖片元素的位置信息和圖片信息向瀏覽器主進程發送；
依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示 圖片全屏顯示工具標記；
接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口， 并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息；
當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述 網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。
優選的，在根據本發明的所述的方法中，所述在網頁子進程中打開當前網頁標簽， 并獲取網頁中圖片元素的位置信息和圖片信息包括
當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及
將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
優選的，在根據本發明的所述的方法中，在所述全屏顯示窗口中加載所述當前圖 片的圖片信息包括
從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所 述全屏顯示窗口。
優選的，在根據本發明的所述的方法中，所述在網頁子進程中打開當前網頁標簽 還包括
當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及
按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片 信息保存至當前所述網頁子進程的緩存中。
優選的，在根據本發明的所述的方法中，所述相鄰圖片元素為當前網頁標簽相關 聯的網頁中的圖片元素。
優選的，在根據本發明的所述的方法中，在所述全屏顯示窗口中加載所述當前圖 片的圖片信息包括
從當前所述網頁子進程的緩存中獲取并加載所述當前圖片的圖片信息至所述全 屏顯示窗口 ；以及
從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖 片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素 的圖片信息。
優選的，在根據本發明的所述的方法中，所述圖片元素的輸入選擇事件包括如下 任一種事件鼠標懸浮事件、鼠標移入事件、鼠標移動事件、觸摸按下事件、觸摸移動事件、 觸摸長按事件、觸摸滑動事件、鍵盤選定。
優選的，在根據本發明的所述的方法中，在主進程中創建全屏顯示窗口包括
依據當前所述圖片元素的位置信息和圖片信息在主進程中創建全屏顯示窗口 ；加載一背景圖于所述全屏顯示窗口中。優選的，在根據本發明的所述的方法中，所述圖片元素的取消選擇事件包括如下任一種事件鼠標移出事件、觸摸彈起事件、鍵盤取消。優選的，在根據本發明的所述的方法中，所述指定位置為所述圖片元素區域內任一位置；或者為所述圖片元素邊緣處一位置。優選的，在根據本發明的所述的方法中，當啟動瀏覽器時生成所述瀏覽器主進程，所述瀏覽器主進程對應一個或多個網頁子進程，所述瀏覽器主進程的圖片全屏顯示工具標記在所述一個或多個網頁子進程之間交互使用。優選的，在根據本發明的所述的方法還包括在全屏顯示狀態下還顯示所述圖片元素的圖片信息的原始尺寸，并加載針對所述圖片元素的圖片信息的圖片工具。優選的，在根據本發明的所述的方法中，所述圖片元素的圖片信息包括所述圖片元素的屬性信息和圖片數據。優選的，在根據本發明的所述的方法中，所述圖片元素的位置信息包括所述圖片元素在所述網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元素的寬和高；以及所述圖片元素的屬性信息包括圖片大小、圖片在本地緩存的地址、圖片在云端的保存地址和/或所述圖片元素的URL。根據本發明的另一個方面，提供了一種用于網頁的圖片全屏瀏覽裝置，該裝置包括生成與獲取模塊，用于在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息；監測與發送模塊，用于在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送；創建與顯示模塊，用于依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記；創建與加載模塊，用于接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息；其中，監測與發送模塊與創建與顯示模塊還被配置成當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。優選的，在所述裝置中，生成與獲取模塊包括遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片"[目息;以及緩存子模塊，用于將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。優選的，在所述裝置中，創建與加載模塊還配置成
從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所 述全屏顯示窗口。
優選的，在所述裝置中，生成與獲取模塊包括
遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片 /[目息;以及
緩存子模塊，用于按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素 的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
優選的，在所述裝置中，創建與加載模塊還被配置成
從當前所述網頁子進程的緩存中獲取并加載所述當前圖片的圖片信息至所述全 屏顯示窗口 ；以及
從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖 片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素 的圖片信息。
優選的，在所述裝置中，創建與加載模塊還被配置成
依據當前所述圖片元素的位置信息和圖片信息在主進程中創建全屏顯示窗口 ；
加載一背景圖于所述全屏顯不窗口中。
優選的，在所述裝置中，生成與獲取模塊還被配置成
當啟動瀏覽器時生成所述瀏覽器主進程，所述瀏覽器主進程對應一個或多個網頁 子進程，所述瀏覽器主進程的圖片全屏顯示工具標記在所述一個或多個網頁子進程之間交 互使用。
優選的，在所述裝置中，創建與顯示模塊還被配置成
在全屏顯示狀態下還顯示所述圖片元素的圖片信息的原始尺寸，并加載針對所述 圖片元素的圖片信息的圖片工具。
與現有的方案相比，本發明所獲得的技術效果提出了一種用于網頁的圖片全屏 瀏覽的方案，在瀏覽器主進程中建立對一個或多個網頁標簽中的圖片元素全屏瀏覽的機 制，提高了在瀏覽器側進行圖片元素全屏瀏覽的效率，避免了對網頁子進程圖片全屏工具 條的操作給瀏覽器帶來的故障問題；并且一個瀏覽器主進程可以對應一個或多個網頁子進 程，瀏覽器主進程創建的圖片全屏顯示工具標記可以在多個網頁子進程之間交互使用，減 少了網頁子進程的負擔，同時提高了圖片全屏顯示工具標記的使用效率。
上述說明僅是本發明技術方案的概述，為了能夠更清楚了解本發明的技術手段， 而可依照說明書的內容予以實施，并且為了讓本發明的上述和其它目的、特征和優點能夠 更明顯易懂，以下特舉本發明的具體實施方式
。
通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通 技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本發明 的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中
圖1示意性示出現有技術的圖片的全屏瀏覽的示意圖2示意性示出了根據本發明一個實施例的用于網頁的圖片全屏瀏覽方法的流程圖；圖3示意性示出了根據本發明一個實施例的用于網頁的圖片全屏瀏覽方法的詳細流程圖；圖4示意性示出了根據本發明一個實施例的用于網頁的圖片全屏瀏覽的裝置的模塊圖；圖5示意性示出了根據本發明一個實施例的圖片的全屏瀏覽方法的方法從系統架構的角度的流程圖；圖6示意性示出了根據本發明一個實施例的隱藏圖片全屏顯示工具標記窗口的詳細流程示意圖；圖7示意性示出了上述實施例根據本發明的一實施例中創建并顯示圖片全屏顯示工具標記的方法針對的一網頁示意圖；圖8示意性示出了根據本發明一個實施例的創建圖片全屏顯示工具標記窗口的詳細流程示意圖。
具體實施例方式下面結合附圖和具體的實施方式對本發明作進一步的描述。本發明的主要思想在于，在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息；在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送；依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記；接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息。為使本發明的目的、技術方案和優點更加清楚，以下結合附圖及具體實施例，對本發明作進一步地詳細說明。根據本發明的實施例，提供了一種用于網頁的圖片全屏瀏覽方法。圖2示意性示出了根據本發明一個實施例的用于網頁的圖片全屏瀏覽方法的流程圖，該方法可以包括以下步驟。在步驟S201處，在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息。在本發明實施例中，當瀏覽器啟動時，瀏覽器主進程自動啟動，并在網頁子進程中打開網頁標簽，特別的，一個瀏覽器主進程可以對應一個或者多個網頁子進程。當網頁標簽被打開時，當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息，并且將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。或者，當網頁標簽被打開時，當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息，并且按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。需要說明的是，所述相鄰圖片元素不僅可以是當前網頁標簽中的圖片元素，也可以是與當前網頁標簽相關聯的網頁中的圖片元素。
在步驟S202處，在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送。
需要說明的是，在將所述圖片元素的位置信息向瀏覽器主進程發送的同時，也將所述圖片元素的圖片信息向瀏覽器主進程發送，所述瀏覽器主進程接收網頁子進程發送的位置信息和圖片信息。所述圖片元素的圖片信息可以包括所述圖片元素的屬性信息和圖片數據。
在步驟S203處，依據當前所述圖片元素的位置信息，所述瀏覽器主 進程在指定位置處創建并顯示圖片全屏顯示工具標記。
依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建一圖片全屏顯示工具標記，其中的指定位置是依據所述圖片元素的位置信息而定的，其可以是在圖片元素的周邊，也可以是在圖片元素顯示范圍之中，也可以是瀏覽器中的網頁標簽顯示區域中的任一有用戶設置的窗口區域中，例如網頁標簽顯示區域窗口的一個分拆子窗口。 所述圖片全屏顯示工具標記可以是一個圖標，其提示用戶進行點擊后既可以進行該圖片的全屏顯示，在上述瀏覽器主進程在指定位置處加載該圖標。通過所述瀏覽器主進程所創建的顯示圖片全屏顯示工具標記進行所述圖片元素的圖片信息的全屏顯示。
在步驟S204處，接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息。
需要說明的是，當加載圖片信息時，可以從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯示窗口。
或者，從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素的圖片信息。例如當前網頁是第一張顯示圖片的網頁，其第二頁中的圖片也是可以在全屏實現當前網頁時，在緩存中獲取第二頁中的圖片信息，并預顯在全屏窗口中的，尤其對于當前網頁圖片是一個系列時，通過這種技術處理，會在對當前頁面中的圖片進行全屏顯示時或者在子進程通知主進程時就開始進行其它圖片的下載，該要下載的圖片是在主進程收到來自子進程的通知時，就由子進程中網頁中的JS代碼獲取的上/下一張圖片的圖片信息，一起通知到主進程的，在主進程需要進一步的后續圖片時，也會向網頁子進程中獲取進一步的圖片信息或者主進程主動向該圖片的URL獲取網頁中的下一張圖片，在主進程的進行后一或者前一圖片的下載，在用戶點擊前一或者后一圖片時在主進程中進行下載圖片在該全屏顯示窗口中的顯示。
圖3示意性示出了根據本發明一個實施例的用于網頁的圖片全屏瀏覽方法的詳細流程圖，具體可以包括以下步驟。
在步驟S301處，啟動瀏覽器，生成瀏覽器主進程。
在步驟S302處，在網頁子進程中打開網頁標簽。
當網頁標簽被加載時，網頁子進程執行遍歷網頁中的圖片元素的JS腳本，并通過瀏覽器輔助對象技術(ΒΗ0技術)實現步驟S303。
在步驟S303處，網頁子進程獲取網頁中圖片元素的位置信息和圖片信息。
當網頁標簽加載時被嵌入一段JS代碼，目的是遍歷網頁中的圖片元素的位置信息和圖片信息，并且將上述圖片元素的位置信息和圖片信息上傳到網頁子進程的緩存中。
其中，所述圖片元素的位置信息可以包括但不限于所述圖片元素在所述網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元素的寬和高等等。其中，所述圖片元素的圖片信息可以包括但不限于所述圖片元素的屬性信息和圖片數據等等。所述圖片元素的屬性信息可以包括但不限于圖片大小、圖片在本地緩存的地址、圖片在云端的保存地址和/或所述圖片元素的URL等等。在步驟S304處，網頁子進程緩存存儲所述圖片元素的位置信息和圖片信息。在步驟S305處，在當前網頁子進程中監測對所述圖片元素的輸入選擇事件。本發明中有輸入選擇事件的網頁元素是圖片元素，對圖片元素進行監測，監測的同時執行步驟S306，對監測結果做出判斷。在步驟S306處，判斷是否有輸入選擇事件。當確定有輸入選擇事件時，執行步驟S307，否則返回去執行步驟S305。所述輸入選擇事件包括但不限于鼠標懸浮事件、鼠標移入事件、鼠標移動事件、觸摸按下事件、觸摸移動事件、觸摸長按事件、觸摸滑動事件、鍵盤選定。在步驟S307處，將所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送。在步驟S308處，依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記。需要說明的是，所述指定位置可以為所述圖片元素區域內任一位置；或者，也可以為所述圖片元素邊緣處一位置。需要說明的是，該圖片全屏顯示工具標記由瀏覽器主進程生成，可以在不同網頁子進程之間復用，在不同的網頁子進程中，圖片全屏顯示工具標記的位置可以根據圖片元素的位置信息來確定。在步驟S309處，判斷是否有取消選擇事件。當判斷有取消選擇事件時，該方法繼續進行到步驟S312，否則該方法繼續進行到步驟S310。所述取消選擇事件包括但不限于鼠標移出事件、觸摸彈起事件、鍵盤取消。在步驟S310處，判斷是否執行圖片元素的全屏顯示。也即是說，判斷瀏覽器用戶是否需要執行圖片元素的全屏顯示。如果判斷瀏覽器用戶要執行圖片元素的全屏顯示，則本方法繼續到步驟S311，否則繼續到步驟S309。在步驟S311處，接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息。所述圖片全屏顯示工具標記可以根據需求進行設計，例如將瀏覽器主進程中生成的圖片全屏顯示工具標記中加載網站的鏈接，又如，圖片全屏顯示工具標記設計為一個可以加載某圖片網站的按鈕，通過點擊該按鈕將網頁子進程獲取的圖片元素的屬性信息和圖片信息向圖片網站提交。需要說明的是，在主進程中創建全屏顯示窗口時，可以依據當前所述圖片元素的位置信息和圖片信息在主進程中創建全屏顯示窗口，并加載一背景圖于所述全屏顯示窗口中。需要說明的是，在全屏顯示狀態下除了顯示所述圖片元素的圖片信息的原始尺寸，并加載針對所述圖片元素的圖片信息的圖片工具，比如針對圖片元素的前一張后一張 的瀏覽或者是放大、縮小或者轉發分享、收集保存等。
在步驟S312處，所述當前網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏 顯示工具標記。
當發生取消選擇事件時，瀏覽器主進程隱藏所述圖片全屏顯示工具標記，并且保 留已經接收的所述圖片元素的位置信息和圖片信息。
然后，該方法繼續到步驟S313，在步驟S313處，判斷是否再次識別有輸入選擇事 件。
當所述圖片全屏顯示工具標記窗口處于隱藏狀態時，要對所述網頁子進程中的圖 片元素進行判斷，是否再次識別有輸入選擇事件，判斷為是，則本方法繼續到步驟S315，否 則本方法繼續到步驟S314。
在步驟S314處，所述瀏覽器主進程隱藏所述圖片元素的圖片全屏顯示工具標記。
若所述網頁子進程中的圖片元素未發生輸入選擇事件，瀏覽器主進程繼續隱藏所 述圖片全屏顯示工具標記，同時本發明繼續到步驟S313。
在步驟S315處，所述當前網頁子進程通知瀏覽器主進程創建所述圖片元素的所 述圖片全屏顯示工具標記。
本發明還提供了一種用于網頁的圖片全屏瀏覽裝置，參照圖4，示意性示出了根據 本發明一個實施例的用于網頁的圖片全屏瀏覽的裝置的模塊圖。
根據本發明的裝置，可以包括生成與獲取模塊401、監測與發送模塊402、創建與 顯示模塊403、創建與加載模塊404。
生成與獲取模塊401，用于在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片 元素的位置信息和圖片信息。
當瀏覽器被啟動時，生成與獲取模塊401自動啟動一個瀏覽器主進程，并在網頁 子進程中打開網頁標簽，一個瀏覽器主進程對應一個或多個網頁子進程。
同時，生成與獲取模塊401還包括遍歷子模塊411和緩存子模塊421。當網頁標簽 被打開時，遍歷子模塊411遍歷網頁中圖片元素的位置信息和屬性信息，并將所述圖片元 素的位置信息和屬性信息發送給緩存子模塊421進行保存。
監測與發送模塊402，用于在當前所述網頁子進程中監測到對當前所述圖片元素 的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送。
監測與發送模塊402可以監測當前網頁子進程中的圖片元素的輸入選擇事件和 取消選擇事件，當監測到圖片元素的輸入選擇事件時，將所述圖片元素的位置信息向創建 與顯示模塊403發送；當監測到圖片元素的輸入選擇事件后，又監測到取消選擇事件，監測 與發送模塊402通知創建與顯示模塊403隱藏所述圖片元素的圖片全屏顯示工具標記，保 留所述圖片元素的位置信息，當再次監測到該圖片元素有輸入選擇事件時，通知創建與顯 示模塊403顯示處于隱藏狀態的圖片全屏顯示工具標記。
需要說明的是，監測與發送模塊402在向瀏覽器主進程發送圖片元素的位置信息 的同時也向瀏覽器主進程發送所述圖片元素圖片信息。
創建與顯示模塊403，用于依據當前所述圖片元素的位置信息，所述瀏覽器主進程 在指定位置處創建并顯示圖片全屏顯示工具標記。
由于一個瀏覽器主進程只創建一個圖片全屏顯示工具標記，所以實現了圖片全屏顯示工具標記在各個網頁子進程中的復用。由于本實施例基本相應于前述圖2所示的方法實施例和圖3所示的方法實施例，故本實施例的描述中未詳盡之處，可以參見前述實施例中的相關說明，在此不做贅述。如圖5所示，示意性示出了根據本發明一個實施例的圖片的全屏瀏覽方法的方法從系統架構的角度的流程圖，本實施中，從系統架構的角度，對加在圖片全屏顯示工具標記的方法進行說明。具體地，該方法可以包括以下步驟。在步驟S501處，在當前網頁子進程中打開網頁標簽，并獲取網頁中圖片元素的位
置信息；在步驟S502處，在當前所述網頁子進程中監測到對所述圖片元素的輸入選擇事件時，依據所述圖片元素的位置信息獲得所述圖片元素的顯示區域信息；在步驟S503處，獲取當前光標的位置信息并與所述圖片元素的顯示區域信息比較，判斷當前光標的位置是否在所述圖片元素的顯示區域中，將判斷結果和所述圖片元素的位置信息通知到所述瀏覽器的主進程；在步驟S504處，瀏覽器主進程依據所述判斷結果和所述圖片元素的位置信息，在指定位置處創建或顯示或隱藏圖片全屏顯示工具標記。上述步驟S501-S504中，記載的針對當前網頁子進程中的網頁中的圖片元素，生成圖片全屏顯示工具標記窗口，與上述圖1所述的內容類似，在此不再贅述。在步驟S505處，在另一網頁子進程中打開另一網頁標簽，獲取該網頁中圖片元素的位置信息；類似地，由于一個瀏覽器主進程可以對應多個網頁子進程，因此，在瀏覽器主進程啟動后，并根據當前網頁子進程已經生成過圖片全屏顯示工具標記后，可以在網頁主進程對應的打開另外一網頁子進程。在步驟S506處，在另一網頁子進程中監測到對其對應網頁中圖片元素的輸入選擇事件時，依據該圖片元素的位置信息獲得所述圖片元素的顯示區域信息；上述步驟S505-S506的詳細過程可參見實施例一中針對當前網頁子進程的處理過程，在此不再贅述。在步驟S507處，獲取當前光標的位置信息并與另一網頁子進程中監測到對其對應網頁中圖片元素的顯示區域信息比較，判斷當前光標的位置是否在該圖片元素的顯示區域中，將判斷結果和該圖片元素的位置信息通知到所述瀏覽器的主進程；在步驟S508處，瀏覽器主進程將所述圖片元素的位置信息發送到步驟S504中已創建的圖片全屏顯示工具標記窗口，并依據所述判斷結果在指定位置處顯示或隱藏圖片全屏顯示工具標記。圖5所示的實施例，也可以適用于基于同一瀏覽器主進程打開多個網頁子進程的情況，在此不再贅述。如圖6所示，示意性示出了根據本發明一個實施例的隱藏圖片全屏顯示工具標記窗口的詳細流程示意圖。其可以具體包括在步驟S601處，獲取并將當前的屏幕坐標轉換到瀏覽器的頁面可見區域中；在步驟S602處，依據瀏覽器的頁面可見區域的當前的屏幕坐標以及所述圖片元素的位置信息獲得所述圖片元素的顯示區域信息；
需要說明的是，所述圖片元素的顯示區域信息是指當前網頁中的client區域。
在步驟S603處，獲取當前光標的位置信息并將當前光標在屏幕上位置信息轉換 為在瀏覽器的頁面可見區域中的位置信息；
在步驟S604處，依據當前光標在瀏覽器的頁面可見區域的位置信息與所述圖片 元素的位置信息進行比對，以判斷當前光標的位置是否在所述圖片元素的顯示區域中；
如果光標的位置在所述圖片元素的顯示區域，則執行步驟S605，否則執行步驟 S606。
在步驟S605處，瀏覽器主進程依據所述圖片元素的位置信息，在指定位置處創建 并顯示圖片全屏顯示工具標記。
在步驟S606處，判斷是否有取消選擇事件；
需要說明的是，所述圖片元素的取消選擇事件包括但不局限于鼠標移出事件、觸 摸彈起事件、鍵盤取消等等。
如果有取消選擇事件，則執行步驟S607 ;否則，繼續執行步驟S605。
在步驟S607處，瀏覽器主進程在制定位置處創建并隱藏圖片全屏顯示工具標記。
如圖7所示，示意性示出了上述實施例根據本發明的一實施例中創建并顯示圖片 全屏顯示工具標記的方法的一網頁示意圖，其中網頁中的一圖片元素I位于網頁中的可顯 示區域client區域2，同時位于屏幕3上，光標4如圖所示的位置，圖片元素I上創建有顯 示圖片全屏顯示工具標記5。在該實施例中，圖片全屏顯示工具標記5為瀏覽器主進程根據 圖片元素I的位置而在其右邊框的上方位置生成的一個獨立窗口，其中的標記會在被用戶 的點擊觸發后啟動對于圖片元素I的全屏顯示。對于圖片全屏顯示工具標記5其還是可以 被顯示在圖片元素的邊框處的其它位置的，或者圖片元素I的顯示區域內部，例如上邊框 的右邊處，或者下邊框的右邊，等等。對于圖片全屏顯示工具標記5還是可以被設置在瀏覽 器屏幕3的其它的特定位置處的，這個可以是瀏覽器中預定好的位置設置來生成該圖片全 屏顯示工具標記5。在圖片全屏顯示工具標記5處于圖片元素I的顯示區域中生成時或者 在圖片元素I中浮有網頁塊級元素時，例如浮有DIV層等時，光標4在從圖片元素I移出到 圖片全屏顯示工具標記5的窗口中或者所述網頁塊級元素上時，其可以產生圖片元素I的 鼠標移出事件(即圖片元素I的取消選擇事件)，但是這時還是需要顯示圖片全屏顯示工具 標記5，方便用戶進行點選以進行圖片的全屏顯示。為此，本發明實施例中進一步地，如圖8 所示，示意性示出了根據本發明一個實施例的創建圖片全屏顯示工具標記窗口的詳細流程 示意圖。其可以具體包括如下步驟
在步驟S701處，獲取并將當前的屏幕坐標轉換到瀏覽器的頁面可見區域中；
在步驟S702處，依據瀏覽器的頁面可見區域的當前的屏幕坐標以及所述圖片元 素的位置信息獲得所述圖片元素的顯示區域信息；
需要說明的是，所述圖片元素的顯示區域信息是指當前網頁中的client區域。
在步驟S703處，獲取當前光標的位置信息并將當前光標在屏幕上位置信息轉換 為在瀏覽器的頁面可見區域中的位置信息；
在步驟S704處，依據當前光標在瀏覽器的頁面可見區域的位置信息與所述圖片 元素的位置信息進行比對，以判斷當前光標的位置是否在所述圖片元素的顯示區域中；
如果光標的位置在所述圖片元素的顯示區域，則執行步驟S705，否則執行步驟S703。在步驟S705處，瀏覽器主進程依據所述圖片元素的位置信息，在指定位置處創建并顯示圖片全屏顯示工具標記。在此提供的算法和顯示不與任何特定計算機、虛擬系統或者其它設備固有相關。各種通用系統也可以與基于在此的示教一起使用。根據上面的描述，構造這類系統所要求的結構是顯而易見的。此外，本發明也不針對任何特定編程語言。應當明白，可以利用各種編程語言實現在此描述的本發明的內容，并且上面對特定語言所做的描述是為了披露本發明的最佳實施方式。在此處所提供的說明書中，說明了大量具體細節。然而，能夠理解，本發明的實施例可以在沒有這些具體細節的情況下實踐。在一些實例中，并未詳細示出公知的方法、結構和技術，以便不模糊對本說明書的理解。類似地，應當理解，為了精簡本公開并幫助理解各個發明方面中的一個或多個，在上面對本發明的示例性實施例的描述中，本發明的各個特征有時被一起分組到單個實施例、圖、或者對其的描述中。然而，并不應將該公開的方法解釋成反映如下意圖即所要求保護的本發明要求比在每個權利要求中所明確記載的特征更多的特征。更確切地說，如下面的權利要求書所反映的那樣，發明方面在于少于前面公開的單個實施例的所有特征。因此，遵循具體實施方式
的權利要求書由此明確地并入該具體實施方式
，其中每個權利要求本身都作為本發明的單獨實施例。本領域那些技術人員可以理解，可以對實施例中的裝置中的模塊進行自適應性地改變并且把它們設置在與該實施例不同的一個或多個裝置中。可以把實施例中的模塊組合成一個模塊，以及此外可以把它們分成多個子模塊或子單元或子組件。除了這樣的特征和/或過程或者單元中的至少一些是相互排斥之外，可以采用任何組合對本說明書(包括伴隨的權利要求、摘要和附圖)中公開的所有特征以及如此公開的任何方法或者裝置的所有過程或單元進行組合。除非另外明確陳述，本說明書(包括伴隨的權利要求、摘要和附圖)中公開的每個特征可以由提供相同、等同或相似目的的替代特征來代替。此外，本領域的技術人員能夠理解，盡管在此所述的一些實施例包括其它實施例中所包括的某些特征而不是其它特征，但是不同實施例的特征的組合意味著處于本發明的范圍之內并且形成不同的實施例。例如，在下面的權利要求書中，所要求保護的實施例的任意之一都可以以任意的組合方式來使用。本發明的各個部件實施例可以以硬件實現，或者以在一個或者多個處理器上運行的軟件模塊實現，或者以它們的組合實現。本領域的技術人員應當理解，可以在實踐中使用微處理器或者數字信號處理器(DSP)來實現根據本發明實施例的瀏覽器加載圖片全屏顯示工具標記的裝置中的一些或者全部部件的一些或者全部功能。本發明還可以實現為用于執行這里所描述的方法的一部分或者全部的設備或者裝置程序(例如，計算機程序和計算機程序產品)。這樣的實現本發明的程序可以存儲在計算機可讀介質上，或者可以具有一個或者多個信號的形式。這樣的信號可以從因特網網站上下載得到，或者在載體信號上提供，或者以任何其他形式提供。應該注意的是上述實施例對本發明進行說明而不是對本發明進行限制，并且本領域技術人員在不脫離所附權利要求的范圍的情況下可設計出替換實施例。在權利要求中， 不應將位于括號之間的任何參考符號構造成對權利要求的限制。單詞“包含”不排除存在 未列在權利要求中的元件或步驟。位于元件之前的單詞“一”或“一個”不排除存在多個這 樣的元件。本發明可以借助于包括有若干不同元件的硬件以及借助于適當編程的計算機來 實現。在列舉了若干裝置的單元權利要求中，這些裝置中的若干個可以是通過同一個硬件 項來具體體現。單詞第一、第二、以及第三等的使用不表示任何順序。可將這些單詞解釋為 名稱。
本文公開了 Al、一種用于網頁的圖片全屏瀏覽方法，包括在網頁子進程中打開 當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息；在當前所述網頁子進程中 監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息 向瀏覽器主進程發送；依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置 處創建并顯示圖片全屏顯示工具標記；接收用戶對所述圖片全屏顯示工具標記的觸發，在 主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信 息；當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁 子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。A2、根據Al所述的方法， 其特征在于，所述在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息 和圖片信息包括當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以 及將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。A3、根據 A2所述的方法，其特征在于，在所述全屏顯示窗口中加載所述當前圖片的圖片信息包括 從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯 示窗口。A4、根據Al所述的方法，其特征在于，所述在網頁子進程中打開當前網頁標簽還包 括當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及按照遍歷的 先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述 網頁子進程的緩存中。A5、根據A4所述的方法，其特征在于，所述相鄰圖片元素為當前網頁 標簽相關聯的網頁中的圖片元素。A6、根據A4或A5所述的方法，其特征在于，在所述全屏顯 示窗口中加載所述當前圖片的圖片信息包括從當前所述網頁子進程的緩存中獲取并加載 所述當前圖片的圖片信息至所述全屏顯示窗口 ；以及從當前所述網頁子進程的緩存中獲取 并加載與當前所述圖片元素相鄰的其他圖片元素的圖片信息，在所述全屏顯示窗口中預顯 與當前所述圖片元素相鄰的其他圖片元素的圖片信息。A7、根據Al所述的方法，其特征在 于所述圖片元素的輸入選擇事件包括如下任一種事件鼠標懸浮事件、鼠標移入事件、鼠 標移動事件、觸摸按下事件、觸摸移動事件、觸摸長按事件、觸摸滑動事件、鍵盤選定。AS、根 據Al所述的方法，其特征在于，在主進程中創建全屏顯示窗口包括依據當前所述圖片元 素的位置信息和圖片信息在主進程中創建全屏顯示窗口 ；加載一背景圖于所述全屏顯示窗 口中。A9、根據Al至AS中任一項所述的方法，其特征在于，所述圖片元素的取消選擇事件包 括如下任一種事件鼠標移出事件、觸摸彈起事件、鍵盤取消。A10、根據A1-A8任一項所述 的方法，其特征在于所述指定位置為所述圖片元素區域內任一位置；或者為所述圖片元 素邊緣處一位置。AU、根據A1-A8任一項所述的方法，其特征在于當啟動瀏覽器時生成所 述瀏覽器主進程，所述瀏覽器主進程對應一個或多個網頁子進程，所述瀏覽器主進程的圖 片全屏顯示工具標記在所述一個或多個網頁子進程之間交互使用。A12、根據A1-A8任一項所述的方法，其特征在于，還包括在全屏顯示狀態下還顯示所述圖片元素的圖片信息的原始尺寸，并加載針對所述圖片元素的圖片信息的圖片工具。A13、根據A1-A8任一項所述的方法，其特征在于所述圖片元素的圖片信息包括所述圖片元素的屬性信息和圖片數據。A14、根據A13所述的方法，其特征在于所述圖片元素的位置信息包括所述圖片元素在所述網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元素的寬和高；以及所述圖片元素的屬性信息包括圖片大小、圖片在本地緩存的地址、圖片在云端的保存地址和/或所述圖片元素的URL。 本文公開了 B15、一種用于網頁的圖片全屏瀏覽裝置，包括生成與獲取模塊，用于在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息；監測與發送模塊，用于在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送；創建與顯示模塊，用于依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記；創建與加載模塊，用于接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息；其中，所述監測與發送模塊與創建與顯示模塊還被配置成當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。B16、根據B15所述的裝置，其特征在于，上述生成與獲取模塊包括遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及緩存子模塊，用于將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。B17、根據B16所述的裝置，其特征在于，所述創建與加載模塊還配置成從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯示窗口。B18、根據B15所述的裝置，其特征在于，所述生成與獲取模塊包括遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及緩存子模塊，用于按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。B19、根據B18所述的方法，其特征在于，所述相鄰圖片元素為當前網頁標簽相關聯的網頁中的圖片元素。B20、根據B18或B19所述的裝置，其特征在于，所述創建與加載模塊還被配置成從當前所述網頁子進程的緩存中獲取并加載所述當前圖片的圖片信息至所述全屏顯示窗口 ；以及從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素的圖片信息。B21、根據B15所述的裝置，其特征在于所述圖片元素的輸入選擇事件包括如下任一種事件鼠標懸浮事件、鼠標移入事件、鼠標移動事件、觸摸按下事件、觸摸移動事件、觸摸長按事件、觸摸滑動事件、鍵盤選定。B22、根據B15所述的裝置，其特征在于，所述創建與加載模塊還被配置成依據當前所述圖片元素的位置信息和圖片信息在主進程中創建全屏顯示窗口 ；加載一背景圖于所述全屏顯示窗口中。B23、根據B15至B22中任一項所述的裝置，其特征在于，所述圖片元素的取消選擇事件包括如下任一種事件鼠標移出事件、觸摸彈起事件、鍵盤取消。B24、根據B15-B23任一項所述的裝置，其特征在于，所述創建與顯示模塊還包括所述指定位置為所述圖片元素區域內任一位置；或者為所述圖片元素邊緣處一位置。B25、根據B 15-B23任一項所述的裝置，其特征在于，所述生成與獲取模塊還被配置成當啟動瀏覽器時生成所述瀏覽器主進程，所述瀏覽器主進程對應一個或多個網頁子進程，所述瀏覽器主進程的圖片全 屏顯示工具標記在所述一個或多個網頁子進程之間交互使用。B26、根據B15-B23任一項所 述的裝置，其特征在于，所述創建與顯示模塊還被配置成在全屏顯示狀態下還顯示所述圖 片元素的圖片信息的原始尺寸，并加載針對所述圖片元素的圖片信息的圖片工具。B27、根 據B15-B23任一項所述的裝置，其特征在于所述圖片元素的圖片信息包括所述圖片元素 的屬性信息和圖片數據。B28、根據B27所述的裝置，其特征在于所述圖片元素的位置信息 包括所述圖片元素在所述網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元 素的寬和高；以及所述圖片元素的屬性信息包括圖片大小、圖片在本地緩存的地址、圖片 在云端的保存地址和/或所述圖片元素的URL。
權利要求
1.一種用于網頁的圖片全屏瀏覽方法，包括 在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息；在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送； 依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記； 接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息； 當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。
2.根據權利要求1所述的方法，其特征在于，所述在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息包括 當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及 將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
3.根據權利要求2所述的方法，其特征在于，在所述全屏顯示窗口中加載所述當前圖片的圖片信息包括 從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯示窗口。
4.根據權利要求1所述的方法，其特征在于，所述在網頁子進程中打開當前網頁標簽還包括 當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
5.根據權利要求4所述的方法，其特征在于，所述相鄰圖片元素為當前網頁標簽相關聯的網頁中的圖片元素。
6.根據權利要求4或5所述的方法，其特征在于，在所述全屏顯示窗口中加載所述當前圖片的圖片信息包括 從當前所述網頁子進程的緩存中獲取并加載所述當前圖片的圖片信息至所述全屏顯示窗口 ；以及 從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素的圖片信息。
7.根據權利要求1所述的方法，其特征在于 所述圖片元素的輸入選擇事件包括如下任一種事件鼠標懸浮事件、鼠標移入事件、鼠標移動事件、觸摸按下事件、觸摸移動事件、觸摸長按事件、觸摸滑動事件、鍵盤選定。
8.根據權利要求1所述的方法，其特征在于，在主進程中創建全屏顯示窗口包括 依據當前所述圖片元素的位置信息和圖片信息在主進程中創建全屏顯示窗口 ； 加載一背景圖于所述全屏顯示窗口中。
9.根據權利要求1至8中任一項所述的方法，其特征在于，所述圖片元素的取消選擇事件包括如下任一種事件 鼠標移出事件、觸摸彈起事件、鍵盤取消。
10.根據權利要求1-8任一項所述的方法，其特征在于 所述指定位置為所述圖片元素區域內任一位置；或者 為所述圖片元素邊緣處一位置。
11.根據權利要求1-8任一項所述的方法，其特征在于 當啟動瀏覽器時生成所述瀏覽器主進程，所述瀏覽器主進程對應一個或多個網頁子進程，所述瀏覽器主進程的圖片全屏顯示工具標記在所述一個或多個網頁子進程之間交互使用。
12.根據權利要求1-8任一項所述的方法，其特征在于，還包括 在全屏顯示狀態下還顯示所述圖片元素的圖片信息的原始尺寸，并加載針對所述圖片元素的圖片信息的圖片工具。
13.根據權利要求1-8任一項所述的方法，其特征在于 所述圖片元素的圖片信息包括所述圖片元素的屬性信息和圖片數據。
14.根據權利要求13所述的方法，其特征在于 所述圖片元素的位置信息包括所述圖片元素在所述網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元素的寬和高；以及 所述圖片元素的屬性信息包括圖片大小、圖片在本地緩存的地址、圖片在云端的保存地址和/或所述圖片元素的URL。
15.一種用于網頁的圖片全屏瀏覽裝置，包括 生成與獲取模塊，用于在網頁子進程中打開當前網頁標簽，并獲取網頁中圖片元素的位置信息和圖片信息； 監測與發送模塊，用于在當前所述網頁子進程中監測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發送； 創建與顯示模塊，用于依據當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片全屏顯示工具標記； 創建與加載模塊，用于接收用戶對所述圖片全屏顯示工具標記的觸發，在主進程中創建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息； 其中，所述監測與發送模塊與創建與顯示模塊還被配置成 當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。
16.根據權利要求15所述的裝置，其特征在于，上述生成與獲取模塊包括 遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及 緩存子模塊，用于將所述圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
17.根據權利要求16所述的裝置，其特征在于，所述創建與加載模塊還配置成 從當前所述網頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯示窗口。
18.根據權利要求15所述的裝置，其特征在于，所述生成與獲取模塊包括 遍歷子模塊，用于當前所述網頁子進程遍歷網頁中的圖片元素的位置信息和圖片信息；以及 緩存子模塊，用于按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述網頁子進程的緩存中。
19.根據權利要求18所述的方法，其特征在于，所述相鄰圖片元素為當前網頁標簽相關聯的網頁中的圖片元素。
20.根據權利要求18或19所述的裝置，其特征在于，所述創建與加載模塊還被配置成 從當前所述網頁子進程的緩存中獲取并加載所述當前圖片的圖片信息至所述全屏顯示窗口 ；以及 從當前所述網頁子進程的緩存中獲取并加載與當前所述圖片元素相鄰的其他圖片元素的圖片信息，在所述全屏顯示窗口中預顯與當前所述圖片元素相鄰的其他圖片元素的圖片信息。
全文摘要
本發明公開了一種用于網頁的圖片全屏瀏覽方法和裝置，其中所述裝置包括生成與獲取模塊；監測與發送模塊；創建與顯示模塊；創建與加載模塊；其中，所述監測與發送模塊與創建與顯示模塊還被配置成當在當前所述網頁子進程中監測到對所述圖片元素的取消選擇事件時，當前所述網頁子進程通知所述瀏覽器主進程隱藏所述圖片全屏顯示工具標記。本發明中，在瀏覽器主進程中建立對一個或多個網頁標簽中的圖片元素全屏瀏覽的機制，避免了在瀏覽器中執行圖片全屏瀏覽時造成的瀏覽器故障問題。
文檔編號G06F17/30GK102999341SQ20121049746
公開日2013年3月27日 申請日期2012年11月28日 優先權日2012年11月28日
發明者謝志宏, 李林, 莫宇龍, 任寰 申請人:北京奇虎科技有限公司, 奇智軟件(北京)有限公司