[發明專利]一種瀏覽器加載圖片工具條的方法和裝置

有效

• 申請號: 201210497028.1
• 申請日: 2012-11-28
• 公開（公告）號: CN103020178A
• 公開（公告）日: 2013-04-03
• 發明（設計）人: 謝志宏;李林;莫宇龍;任寰
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京國昊天誠知識產權代理有限公司 11315
• 代理人: 許志勇

技術領域

本發明涉及計算機技術領域，尤其涉及一種瀏覽器加載圖片工具條的方法和裝置。

背景技術

瀏覽器是指可以顯示網頁服務器或者文件系統的HTML文件內容，并讓用戶與這些文件交互的一種軟件。網頁瀏覽器主要通過HTTP協議與網頁服務器交互并獲取網頁，這些網頁由URL指定，文件格式通常為HTML，并由MIME在HTTP協議中指明。一個網頁中可以包括多個文檔，每個文檔都是分別從服務器獲取的。大部分的瀏覽器本身支持除了HTML之外的廣泛的格式，例如：JPEG、PNG、GIF等圖像格式，并且能夠擴展支持眾多的插件（plug-ins）。另外，許多瀏覽器還支持其他的URL類型及其相應的協議，例如：FTP、Gopher、HTTPS（HTTP協議的加密版本）。HTTP內容類型和URL協議規范允許網頁設計者在網頁中嵌入圖像、動畫、視頻、聲音、流媒體等。個人電腦上常見的網頁瀏覽器包括微軟的Internet?Explorer、Mozilla的Firefox、Apple的Safari、Opera、Google?Chrome、GreenBrowser、360安全瀏覽器、搜狗高速瀏覽器、天天瀏覽器、騰訊TT瀏覽器、傲游瀏覽器、百度瀏覽器、騰訊QQ瀏覽器等，瀏覽器是最經常使用到的客戶端程序。

用戶在瀏覽器中對于網頁中圖片元素的收集和處理越來越多，例如圖片元素的分享功能。現有圖片元素工具條的加載是在當前網頁頁面進程中（網頁子進程），使用網頁中的JS腳本進行DIV層的彈窗，彈窗中加載了對于圖片元素的處理的工具條項目，例如圖1所示的“分享”圖片工具條窗口，其中，DIV彈窗中有分享到不同網站的處理項。同樣，在圖片工具條窗口中也可以加入包括保存、收集用的處理項。

所述的對網頁中圖片元素的處理是使用JS腳本實現的，彈窗中的內容是由網頁設計人員根據需要進行設計的，其展現效果限制于網頁設計人員，其中會經常出現由于JS腳本程序設計問題而導致瀏覽器崩潰的問題，因此，在瀏覽器中對于網頁中圖片元素的處理會導致瀏覽器側（瀏覽器主進程）的故障問題，但是解決方案都不是基于瀏覽器側進行的。

所以，目前迫切需要本領域解決的一個技術問題就是：提供一種基于瀏覽器側的網頁圖片元素處理方案，通過在瀏覽器主進程中加載圖片工具條進行圖片元素處理，實現網頁圖片元素的收集、保存、上傳、全屏顯示、URL網絡保存等目的，用來解決在瀏覽器子進程中執行圖片元素的處理造成的瀏覽器故障問題。

發明內容

鑒于上述問題，本發明的主要目的在于提供一種瀏覽器加載圖片工具條的方法和裝置，以解決現有技術中依靠網頁子進程中的圖片工具條窗口執行圖片元素的處理所造成的瀏覽器崩潰問題。

為了解決上述技術問題，本發明的目的是通過以下技術方案實現的：

本發明公開了一種瀏覽器加載圖片工具條的方法，包括以下步驟：在網頁子進程中打開網頁標簽，并獲取網頁中圖片元素的位置信息；在所述當前網頁子進程中監測到對所述圖片元素的輸入選擇事件，將所述圖片元素的位置信息向瀏覽器主進程發送；依據所述圖片元素的位置信息，所述瀏覽器主進程在指定位置處創建并顯示圖片工具條窗口。

優選的，根據本發明的所述的方法還可以包括：在網頁子進程中打開網頁標簽，同時獲取網頁中所述圖片元素的屬性信息；以及當在所述當前網頁子進程中監測到對所述圖片元素的輸入選擇事件時，將所述圖片元素的屬性信息向所述瀏覽器主進程發送。

優選的，在根據本發明的所述的方法中，所述在網頁子進程中打開網頁標簽還包括：所述當前網頁子進程遍歷網頁中的圖片元素的位置信息和屬性信息；以及將所述圖片元素的位置信息和屬性信息保存至所述當前網頁子進程的緩存中。

優選的，在根據本發明的所述的方法中，所述圖片元素的位置信息包括：所述圖片元素在所述當前網頁子進程的頁面可見區域中的左上角位置坐標和所述圖片元素的寬和高；以及所述圖片元素的屬性信息包括：圖片大小、圖片在本地緩存的地址、圖片在云端的保存地址和/或所述圖片元素的URL。

優選的，在根據本發明的所述方法中，所述圖片元素的輸入選擇事件包括如下任一種事件：鼠標懸浮事件、鼠標移入事件、鼠標移動事件、觸摸按下事件、觸摸移動事件、觸摸長按事件、觸摸滑動事件、鍵盤選定。

優選的，根據本發明的所述方法還可以包括：所述瀏覽器主進程接收對圖片工具條窗口的輸入選擇事件，依據所述屬性信息，通過所述瀏覽器主進程所創建的所述圖片工具條窗口進行對所述圖片元素的處理。