[發(fā)明專利]一種網(wǎng)頁中圖片的全屏瀏覽方法及其裝置

有效

• 申請?zhí)枺?/td>: 201210497486.5
• 申請日: 2012-11-28
• 公開（公告）號: CN102999342A
• 公開（公告）日: 2013-03-27
• 發(fā)明（設(shè)計）人: 謝志宏;李林;莫宇龍;任寰
• 申請（專利權(quán)）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京國昊天誠知識產(chǎn)權(quán)代理有限公司 11315
• 代理人: 許志勇

技術(shù)領(lǐng)域

本發(fā)明屬于互聯(lián)網(wǎng)技術(shù)領(lǐng)域，具體地說，涉及一種網(wǎng)頁中圖片的全屏瀏覽方法及其裝置。

背景技術(shù)

瀏覽器是最經(jīng)常使用到的客戶端程序，借助瀏覽器可以顯示從網(wǎng)頁服務(wù)器或者文件系統(tǒng)獲取的超文本標記語言（Hypertext?Markup?Language，以下簡稱：HTML）文件內(nèi)容，并便于用戶與獲取的HTML文件進行交互。其中，從網(wǎng)頁服務(wù)器獲取HTML文件的瀏覽器即網(wǎng)頁瀏覽器，個人電腦上常見的網(wǎng)頁瀏覽器包括微軟的Internet?Explorer、Mozilla的Firefox、Apple的Safari，Opera、Google?Chrome、GreenBrowser瀏覽器、360安全瀏覽器、搜狗高速瀏覽器、天天瀏覽器、騰訊TT、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等。

網(wǎng)頁瀏覽器的工作原理可概括為：通過HTTP協(xié)議與網(wǎng)頁服務(wù)器交互并獲取HTML文件并以網(wǎng)頁的形式呈現(xiàn)給用戶，這些網(wǎng)頁文件格式通常為HTML，并由多用途網(wǎng)際網(wǎng)路郵件延伸標準（Multipurpose?Internet?MailExtensions，MIME）在HTTP協(xié)議中指明，并通過統(tǒng)一資源定位符（Uniform/Universal?Resource?Locator，以下簡稱URL）進行指定。許多瀏覽器還支持其他的URL類型及其相應(yīng)的協(xié)議，如FTP、Gopher、HTTPS（HTTP協(xié)議的加密版本）。HTTP內(nèi)容類型和URL協(xié)議規(guī)范允許網(wǎng)頁設(shè)計者在網(wǎng)頁中嵌入圖像、動畫、視頻、聲音、流媒體等網(wǎng)頁元素。目前，大部分的瀏覽器本身還支持除HTML之外的廣泛的格式，例如JPEG、PNG、GIF等圖片格式，并且能夠擴展支持眾多的插件（plug-ins），網(wǎng)頁中每個文檔都是分別從網(wǎng)頁服務(wù)器獲取。

以在網(wǎng)頁中顯示圖片為例，網(wǎng)頁中都會設(shè)置針對該圖片的圖片工具條，通過操作該工具條，實現(xiàn)圖片的全屏顯示、圖片的切換、圖片的縮放等。

現(xiàn)有的圖片工具條的加載是在當前網(wǎng)頁頁面進程中完成，使用當前網(wǎng)頁中的java?script腳本生成DIV層的彈窗，在彈窗中加載有工具條，以呈現(xiàn)工具條，例如，如圖1所示，是在網(wǎng)頁中針對某一圖片（圖中黑色矩形為圖片位置）的工具條，圖中的雙箭頭標記為實現(xiàn)圖片全屏顯示的工具條，當鼠標懸停在圖片上時，圖片進行全屏顯示。

上述方案中是使用JS腳本實現(xiàn)的，對于彈窗的內(nèi)容完全是有網(wǎng)頁提供商根據(jù)自己的需要進行設(shè)計的。而且由于是JS腳本的實現(xiàn)，其展現(xiàn)的效果限制于網(wǎng)頁設(shè)計人員，其中會經(jīng)常出現(xiàn)由于JS腳本設(shè)計的程序問題而導致瀏覽器崩潰的問題，然而由于又無法在瀏覽器側(cè)解決技術(shù)問題，導致瀏覽器側(cè)的故障問題。

所以，目前迫切需要本領(lǐng)域解決的一個技術(shù)問題就是：提供一種基于瀏覽器側(cè)的網(wǎng)頁圖片元素處理方案，用來解決在瀏覽器中執(zhí)行圖片全屏瀏覽時造成的瀏覽器故障問題。

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

鑒于上述問題，提出了本發(fā)明以便提供一種網(wǎng)頁中圖片的全屏瀏覽方法及其裝置，用來解決在瀏覽器子進程中執(zhí)行圖片全屏瀏覽時造成的瀏覽器故障問題。

根據(jù)本發(fā)明的一個方面，提供了一種網(wǎng)頁中圖片的全屏瀏覽方法，該方法包括：

在網(wǎng)頁子進程中打開當前網(wǎng)頁標簽，并獲取網(wǎng)頁中圖片元素的位置信息和圖片信息；

在當前所述網(wǎng)頁子進程中監(jiān)測到對當前所述圖片元素的輸入選擇事件，將當前所述圖片元素的位置信息和圖片信息向瀏覽器主進程發(fā)送；

依據(jù)當前所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創(chuàng)建并顯示圖片全屏顯示工具標記；

接收用戶對所述圖片全屏顯示工具標記的觸發(fā)，在主進程中創(chuàng)建全屏顯示窗口，并在所述全屏顯示窗口中加載當前所述圖片元素的圖片信息。

優(yōu)選的，在根據(jù)本發(fā)明的所述的方法中，所述在網(wǎng)頁子進程中打開當前網(wǎng)頁標簽，并獲取網(wǎng)頁中圖片元素的位置信息和圖片信息包括：

當前所述網(wǎng)頁子進程遍歷網(wǎng)頁中的圖片元素的位置信息和圖片信息；以及

將所述圖片元素的位置信息和圖片信息保存至當前所述網(wǎng)頁子進程的緩存中。

優(yōu)選的，在根據(jù)本發(fā)明的所述的方法中，在所述全屏顯示窗口中加載所述當前圖片的圖片信息包括：

從當前所述網(wǎng)頁子進程的緩存中獲取并加載當前所述圖片元素的圖片信息至所述全屏顯示窗口。

優(yōu)選的，在根據(jù)本發(fā)明的所述的方法中，所述在網(wǎng)頁子進程中打開當前網(wǎng)頁標簽還包括：

當前所述網(wǎng)頁子進程遍歷網(wǎng)頁中的圖片元素的位置信息和圖片信息；以及

按照遍歷的先后順序，將當前所述圖片元素及其相鄰圖片元素的位置信息和圖片信息保存至當前所述網(wǎng)頁子進程的緩存中。