[發(fā)明專利]網(wǎng)頁頁面的標簽嵌套層級的顯示方法和裝置有效
| 申請?zhí)枺?/td> | 201710209076.9 | 申請日： | 2017-03-31 |
| 公開（公告）號： | CN107423322B | 公開（公告）日： | 2020-03-03 |
| 發(fā)明（設計）人： | 潘瀟 | 申請（專利權(quán)）人： | 廣州視源電子科技股份有限公司;廣州視睿電子科技有限公司 |
| 主分類號： | G06F16/958 | 分類號： | G06F16/958;G06F16/901 |
| 代理公司： | 廣州三環(huán)專利商標代理有限公司 44202 | 代理人： | 麥小嬋;郝傳鑫 |
| 地址： | 510530 廣*** | 國省代碼： | 廣東;44 |
| 權(quán)利要求書： | 查看更多 | 說明書： | 查看更多 |
| 摘要： | |||
| 搜索關(guān)鍵詞： | 網(wǎng)頁 頁面 標簽 嵌套 層級 顯示 方法 裝置 | ||
1.一種網(wǎng)頁頁面的標簽嵌套層級的顯示方法，其特征在于，包括：
讀取當前打開的網(wǎng)頁頁面的DOM對象樹；所述DOM對象樹包括所述網(wǎng)頁頁面的body標簽節(jié)點的所有子標簽節(jié)點，以及每一個子標簽節(jié)點的后代標簽節(jié)點；
對所述DOM對象樹進行先序遍歷，獲取遍歷到的標簽節(jié)點的屬性信息；
生成與遍歷到的標簽節(jié)點所在的層級相匹配的層級數(shù)值；
將所述屬性信息和所述層級數(shù)值進行關(guān)聯(lián)，生成標簽信息集合；
根據(jù)所述標簽信息集合生成所述網(wǎng)頁頁面的標簽嵌套層級的熱力圖，以展示所述網(wǎng)頁頁面的標簽嵌套層級；
所述屬性信息包括標簽節(jié)點的尺寸參數(shù)和所述標簽節(jié)點相對于瀏覽器窗口左上角的坐標；其中，所述尺寸參數(shù)為寬度和長度；
所述根據(jù)所述標簽信息集合生成所述網(wǎng)頁頁面的標簽嵌套層級的熱力圖，以展示所述網(wǎng)頁頁面的標簽嵌套層級，具體包括：
提取所述標簽信息中所有標簽節(jié)點的屬性信息和層級數(shù)值，并根據(jù)每個標簽節(jié)點的屬性信息和層級數(shù)值在預設的畫布上繪制對應的具有標記信息的矩形區(qū)域，以得到目標畫布；其中，每一個矩形區(qū)域的位置和尺寸與一個標簽節(jié)點的坐標和尺寸參數(shù)相對應，每一個矩形區(qū)域的標記信息與一個標簽節(jié)點的層級數(shù)值相對應；
根據(jù)所述目標畫布生成所述網(wǎng)頁頁面的標簽嵌套層級的熱力圖；
在瀏覽器窗口中顯示所述標簽嵌套層級的熱力圖，以展示所述網(wǎng)頁頁面的標簽嵌套層級。
2.如權(quán)利要求1所述的網(wǎng)頁頁面的標簽嵌套層級的顯示方法，其特征在于，所述生成與遍歷到的標簽節(jié)點所在的層級相匹配的層級數(shù)值，具體為：
在首次遍歷當前標簽節(jié)點時，判斷當前標簽節(jié)點是否為所述body標簽節(jié)點的子標簽節(jié)點；
若是，則將所述當前標簽節(jié)點的層級數(shù)值配置為1；
若否，則將當前標簽節(jié)點的層級數(shù)值設置為其父標簽節(jié)點的層級數(shù)值加一后得到的數(shù)值。
3.如權(quán)利要求1所述的網(wǎng)頁頁面的標簽嵌套層級的顯示方法，其特征在于，所述標記信息包括顏色標記信息，且所述顏色標記信息的深度跟所述層級數(shù)值成正相關(guān)關(guān)系；
則所述提取所述標簽信息中所有標簽節(jié)點的屬性信息和層級數(shù)值，并根據(jù)每個標簽節(jié)點的屬性信息和層級數(shù)值在預設的畫布上繪制對應的具有標記信息的矩形區(qū)域，具體包括：
重復以下步驟，直至所述標簽信息集合內(nèi)每一個標簽節(jié)點的屬性信息和層級數(shù)值都在所述預設的畫布上繪制有一個唯一對應的具有顏色標記信息的矩形區(qū)域：
提取所述標簽信息集合內(nèi)的當前標簽節(jié)點的屬性信息和層級數(shù)值；
在預設的畫布上繪制一個位置和尺寸分別與所述當前標簽節(jié)點的坐標和尺寸參數(shù)相對應的矩形區(qū)域；
查找與所述當前標簽節(jié)點的層級數(shù)值相匹配的預設的顏色參數(shù)；
根據(jù)查找到的預設的顏色參數(shù)設置所述矩形區(qū)域的顏色。
4.如權(quán)利要求3所述的網(wǎng)頁頁面的標簽嵌套層級的顯示方法，其特征在于，所述標記信息還包括數(shù)值標記信息；
所述提取所述標簽信息中所有標簽節(jié)點的屬性信息和層級數(shù)值，并根據(jù)每個標簽節(jié)點的屬性信息和層級數(shù)值在預設的畫布上繪制對應的具有標記信息的矩形區(qū)域還包括：
在繪制有所述標簽信息集合內(nèi)的所有標簽節(jié)點對應的矩形區(qū)域的畫布上的各個連通區(qū)域內(nèi)分別標記與相應連通區(qū)域的顏色相匹配的層級數(shù)值。
該專利技術(shù)資料僅供研究查看技術(shù)是否侵權(quán)等信息，商用須獲得專利權(quán)人授權(quán)。該專利全部權(quán)利屬于廣州視源電子科技股份有限公司;廣州視睿電子科技有限公司，未經(jīng)廣州視源電子科技股份有限公司;廣州視睿電子科技有限公司許可，擅自商用是侵權(quán)行為。如果您想購買此專利、獲得商業(yè)授權(quán)和技術(shù)合作，請聯(lián)系【客服】
本文鏈接：http://www.szxzyx.cn/pat/books/201710209076.9/1.html，轉(zhuǎn)載請聲明來源鉆瓜專利網(wǎng)。
