[發明專利]一種瀏覽器內嵌地址欄的實現方法及裝置

有效

• 申請號: 201310529557.X
• 申請日: 2013-10-30
• 公開（公告）號: CN104598465B
• 公開（公告）日: 2019-04-12
• 發明（設計）人: 舒玉強
• 申請（專利權）人: 騰訊科技（深圳）有限公司
• 主分類號: G06F16/951
• 分類號: G06F16/951
• 代理公司: 北京康信知識產權代理有限責任公司 11240
• 代理人: 董文倩;褚敏

本發明適用于瀏覽器技術領域，提供了一種瀏覽器內嵌地址欄的實現方法及裝置，包括：當載入網頁的HTML時，在所述網頁的HTML中插入預置的HTML，所述預置的HTML用于在所述網頁中顯示地址欄；解析所述預置的HTML，創建與所述預置的HTML中的標簽對應的DOM節點；根據創建的所述DOM節點，創建與所述預置的HTML中的標簽對應的Render節點；繪制創建的每個所述Render節點，以在網頁中顯示內嵌所述地址欄。在本發明中，當涉及到相關頁面操作時，瀏覽器無需額外對內嵌地址欄進行處理，由此大大地減輕了開發工作量，提高了開發效率。

技術領域

本發明屬于瀏覽器技術領域，尤其涉及一種瀏覽器內嵌地址欄的實現方法及裝置。

背景技術

內嵌地址欄是一種特殊的瀏覽器地址欄，其并非傳統的獨立于頁面的一個瀏覽器組件，而是內嵌在頁面中，被視為頁面的一部分。目前瀏覽器的內嵌地址欄均是基于用戶界面（User Interface，UI）控件來實現的，通過將頁面的顯示區域向下推動，由內嵌地址欄占據一部分原本屬于頁面的位置，從而在視覺上實現地址欄的內嵌。

然而，由于部分瀏覽器內核（例如webkit內核）無法感知到通過UI控件來實現的內嵌地址欄的存在，當涉及到頁面滾動等操作時，都需要額外對內嵌地址欄進行處理，導致整個開發過程工作量增加，開發效率降低。

發明內容

本發明實施例的目的在于提供一種瀏覽器內嵌地址欄的實現方法，旨在解決現有的瀏覽器內嵌地址欄的實現辦法容易導致開發過程工作量增加，開發效率降低的問題。

本發明實施例是這樣實現的，一種瀏覽器內嵌地址欄的實現方法，包括：

當載入網頁的超文本標記語言時，在所述網頁的超文本標記語言中插入預置的超文本標記語言，所述預置的超文本標記語言用于在所述網頁中顯示地址欄；

解析所述預置的超文本標記語言，創建與所述預置的超文本標記語言中的標簽對應的文件對象模型節點；

根據創建的所述文件對象模型節點，創建與所述預置的超文本標記語言中的標簽對應的渲染節點；

繪制創建的每個所述渲染節點，以在網頁中內嵌所述地址欄。

本發明實施例的另一目的在于提供一種瀏覽器內嵌地址欄的實現裝置，包括：

插入單元，用于當載入網頁的超文本標記語言時，在所述網頁的超文本標記語言中插入預置的超文本標記語言，所述預置的超文本標記語言用于在所述網頁中顯示地址欄；

第一創建單元，用于解析所述預置的超文本標記語言，創建與所述預置的超文本標記語言中的標簽對應的文件對象模型節點；

第二創建單元，用于根據創建的所述文件對象模型節點，創建與所述預置的超文本標記語言中的標簽對應的渲染節點；

顯示單元，用于繪制創建的每個所述渲染節點，以在網頁中內嵌所述地址欄。

在本發明實施例中，通過HTML的方式來實現瀏覽器對內嵌地址欄的加載與顯示，同時，在瀏覽器內預置相應的解析功能，使得瀏覽器能夠成功地對用于顯示內嵌地址欄的HTML中新擴充的標簽進行解析，通過上述方式，當涉及到相關頁面操作時，瀏覽器無需額外對內嵌地址欄進行處理，由此大大地減輕了開發工作量，提高了開發效率。

附圖說明

圖1是本發明實施例提供的瀏覽器內嵌地址欄的實現方法的實現流程圖；

圖2是本發明實施例提供的S102生成的繼承關系示意圖；

圖3是本發明實施例提供的S102生成的DOM樹示意圖；

圖4是本發明實施例提供的S103生成的繼承關系示意圖；