技術(shù)特征：

1.一種瀏覽器內(nèi)核的排版結(jié)構(gòu)展現(xiàn)方法，其特征在于，所述方法包括：

當(dāng)在網(wǎng)頁中檢測(cè)到排版結(jié)構(gòu)展現(xiàn)指令時(shí)，按照瀏覽器內(nèi)核包括的多個(gè)階段的數(shù)據(jù)屬性，獲取所述網(wǎng)頁在排版的過程中各個(gè)階段的頁面排版數(shù)據(jù)，所述瀏覽器內(nèi)核為當(dāng)前顯示所述網(wǎng)頁的瀏覽器的內(nèi)核；

基于所述各個(gè)階段的頁面排版數(shù)據(jù)，構(gòu)建內(nèi)容樹，所述內(nèi)容樹中包括多個(gè)節(jié)點(diǎn)；

確定所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)的空間位置以及所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)樣式；

按照所述多個(gè)節(jié)點(diǎn)的空間位置和節(jié)點(diǎn)樣式，繪制所述瀏覽器內(nèi)核的排版結(jié)構(gòu)視圖，顯示所述排版結(jié)構(gòu)視圖。

2.如權(quán)利要求1所述的方法，其特征在于，所述確定所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)的空間位置以及所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)樣式，包括：

對(duì)于所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)中的每個(gè)節(jié)點(diǎn)，確定所述節(jié)點(diǎn)的橫向位置、縱向位置和軸向位置；

基于所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)標(biāo)識(shí)，從存儲(chǔ)的節(jié)點(diǎn)標(biāo)識(shí)與節(jié)點(diǎn)樣式之間的對(duì)應(yīng)關(guān)系中，獲取對(duì)應(yīng)的節(jié)點(diǎn)樣式。

3.如權(quán)利要求2所述的方法，其特征在于，所述確定所述節(jié)點(diǎn)的橫向位置、縱向位置和軸向位置，包括：

確定所述節(jié)點(diǎn)的寬度和節(jié)點(diǎn)距離，基于所述節(jié)點(diǎn)的寬度和所述節(jié)點(diǎn)距離，確定所述節(jié)點(diǎn)的橫向位置，所述節(jié)點(diǎn)距離是指所述節(jié)點(diǎn)在橫向方向上與坐標(biāo)原點(diǎn)之間的距離；

基于所述節(jié)點(diǎn)在所述內(nèi)容樹的樹結(jié)構(gòu)中的深度，確定所述節(jié)點(diǎn)的縱向位置；

根據(jù)所述節(jié)點(diǎn)的屬性信息和所述網(wǎng)頁的網(wǎng)頁信息，確定所述節(jié)點(diǎn)的軸向位置，所述節(jié)點(diǎn)的屬性信息用于指示所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖中所處的層次。

4.如權(quán)利要求3所述的方法，其特征在于，所述確定所述節(jié)點(diǎn)的寬度和節(jié)點(diǎn)距離，包括：

判斷所述節(jié)點(diǎn)是否包括有子節(jié)點(diǎn)，當(dāng)所述節(jié)點(diǎn)不包括有子節(jié)點(diǎn)時(shí)，確定所述節(jié)點(diǎn)的寬度為第一預(yù)設(shè)寬度；當(dāng)所述節(jié)點(diǎn)包括有N個(gè)子節(jié)點(diǎn)時(shí)，將所述N個(gè)子節(jié)點(diǎn)的寬度和N-1個(gè)子節(jié)點(diǎn)之間的間隔寬度之和確定為所述節(jié)點(diǎn)的寬度，所述N為大于或等于1的正整數(shù)；

判斷所述節(jié)點(diǎn)是否屬于父節(jié)點(diǎn)的子節(jié)點(diǎn)，當(dāng)所述節(jié)點(diǎn)不屬于所述父節(jié)點(diǎn)的子節(jié)點(diǎn)時(shí)，確定所述節(jié)點(diǎn)的節(jié)點(diǎn)距離為預(yù)設(shè)長(zhǎng)度，當(dāng)所述節(jié)點(diǎn)屬于所述父節(jié)點(diǎn)的第i個(gè)子節(jié)點(diǎn)時(shí)，確定第一數(shù)值，并將所述父節(jié)點(diǎn)的節(jié)點(diǎn)距離與所述第一數(shù)值之和確定為所述節(jié)點(diǎn)的節(jié)點(diǎn)距離，所述第一數(shù)值為所述父節(jié)點(diǎn)包括的子節(jié)點(diǎn)中前i-1個(gè)子節(jié)點(diǎn)的寬度和所述前i-1個(gè)子節(jié)點(diǎn)之間的間隔寬度之和。

5.如權(quán)利要求4所述的方法，其特征在于，所述基于所述節(jié)點(diǎn)的寬度和所述節(jié)點(diǎn)距離，確定所述節(jié)點(diǎn)的橫向位置，包括：

基于所述節(jié)點(diǎn)的寬度和所述節(jié)點(diǎn)距離，通過第一指定公式，確定所述節(jié)點(diǎn)的橫向位置；

所述第一指定公式為：

$X_i=offset+\frac{W_i-W}{2};$

其中，所述X_i為所述節(jié)點(diǎn)的橫向位置，所述offset為所述節(jié)點(diǎn)的節(jié)點(diǎn)距離，所述W_i為所述節(jié)點(diǎn)的寬度，所述W為所述第一預(yù)設(shè)寬度。

6.如權(quán)利要求3所述的方法，其特征在于，所述基于所述節(jié)點(diǎn)在所述內(nèi)容樹的樹結(jié)構(gòu)中的深度，確定所述節(jié)點(diǎn)的縱向位置，包括：

確定第二數(shù)值，所述第二數(shù)值為所述節(jié)點(diǎn)的高度與在縱向方向上相鄰兩個(gè)節(jié)點(diǎn)之間的間隔高度之和；

將所述第二數(shù)值與所述節(jié)點(diǎn)在所述內(nèi)容樹的樹結(jié)構(gòu)中的深度之間的乘積確定為所述節(jié)點(diǎn)的縱向位置。

7.如權(quán)利要求3所述的方法，其特征在于，所述根據(jù)所述節(jié)點(diǎn)的屬性信息和所述網(wǎng)頁的網(wǎng)頁內(nèi)容，確定所述節(jié)點(diǎn)的軸向位置，包括：

根據(jù)所述節(jié)點(diǎn)的屬性信息，確定所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖所處的層次；

根據(jù)所述網(wǎng)頁的頁面信息，確定所述排版結(jié)構(gòu)視圖中包括的排版視圖的層數(shù)以及每層排版視圖的厚度；

基于所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖所處的層次、所述排版結(jié)構(gòu)視圖中包括的排版視圖的層數(shù)以及每層排版視圖的厚度，確定所述節(jié)點(diǎn)的軸向位置。

8.如權(quán)利要求1所述的方法，其特征在于，所述方法還包括：

當(dāng)檢測(cè)到目標(biāo)節(jié)點(diǎn)的預(yù)設(shè)操作時(shí)，獲取所述目標(biāo)節(jié)點(diǎn)的節(jié)點(diǎn)信息，所述目標(biāo)節(jié)點(diǎn)為所述排版結(jié)構(gòu)視圖中的任一節(jié)點(diǎn)，所述節(jié)點(diǎn)信息包括所述目標(biāo)節(jié)點(diǎn)的顯示位置、大小和顯示格式；

顯示所述節(jié)點(diǎn)信息。

9.一種瀏覽器內(nèi)核的排版結(jié)構(gòu)展現(xiàn)裝置，其特征在于，所述裝置包括：

第一獲取模塊，用于當(dāng)在網(wǎng)頁中檢測(cè)到排版結(jié)構(gòu)展現(xiàn)指令時(shí)，按照瀏覽器內(nèi)核包括的多個(gè)階段的數(shù)據(jù)屬性，獲取所述網(wǎng)頁在排版的過程中各個(gè)階段的頁面排版數(shù)據(jù)，所述瀏覽器內(nèi)核為當(dāng)前顯示所述網(wǎng)頁的瀏覽器的內(nèi)核；

構(gòu)建模塊，用于基于所述第一獲取模塊獲取的所述各個(gè)階段的頁面排版數(shù)據(jù)，構(gòu)建內(nèi)容樹，所述內(nèi)容樹中包括多個(gè)節(jié)點(diǎn)；

確定模塊，用于確定所述構(gòu)建模塊構(gòu)建的所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)的空間位置以及所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)樣式；

繪制模塊，用于按照所述確定模塊確定的所述多個(gè)節(jié)點(diǎn)的空間位置和節(jié)點(diǎn)樣式，繪制所述瀏覽器內(nèi)核的排版結(jié)構(gòu)視圖，顯示所述排版結(jié)構(gòu)視圖。

10.如權(quán)利要求9所述的裝置，其特征在于，所述確定模塊包括：

確定子模塊，用于對(duì)于所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)中的每個(gè)節(jié)點(diǎn)，確定所述節(jié)點(diǎn)的橫向位置、縱向位置和軸向位置；

獲取子模塊，用于基于所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)標(biāo)識(shí)，從存儲(chǔ)的節(jié)點(diǎn)標(biāo)識(shí)與節(jié)點(diǎn)樣式之間的對(duì)應(yīng)關(guān)系中，獲取對(duì)應(yīng)的節(jié)點(diǎn)樣式。

11.如權(quán)利要求10所述的裝置，其特征在于，所述確定子模塊用于：

確定所述節(jié)點(diǎn)的寬度和節(jié)點(diǎn)距離，基于所述節(jié)點(diǎn)的寬度和所述節(jié)點(diǎn)距離，確定所述節(jié)點(diǎn)的橫向位置，所述節(jié)點(diǎn)距離是指所述節(jié)點(diǎn)在橫向方向上與坐標(biāo)原點(diǎn)之間的距離；

基于所述節(jié)點(diǎn)在所述內(nèi)容樹的樹結(jié)構(gòu)中的深度，確定所述節(jié)點(diǎn)的縱向位置；

根據(jù)所述節(jié)點(diǎn)的屬性信息和所述網(wǎng)頁的網(wǎng)頁信息，確定所述節(jié)點(diǎn)的軸向位置，所述節(jié)點(diǎn)的屬性信息用于指示所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖中所處的層次。

12.如權(quán)利要求11所述的裝置，其特征在于，所述確定子模塊用于：

判斷所述節(jié)點(diǎn)是否包括有子節(jié)點(diǎn)，當(dāng)所述節(jié)點(diǎn)不包括有子節(jié)點(diǎn)時(shí)，確定所述節(jié)點(diǎn)的寬度為第一預(yù)設(shè)寬度；當(dāng)所述節(jié)點(diǎn)包括有N個(gè)子節(jié)點(diǎn)時(shí)，將所述N個(gè)子節(jié)點(diǎn)的寬度和N-1個(gè)子節(jié)點(diǎn)之間的間隔寬度之和確定為所述節(jié)點(diǎn)的寬度，所述N為大于或等于1的正整數(shù)；

判斷所述節(jié)點(diǎn)是否屬于父節(jié)點(diǎn)的子節(jié)點(diǎn)，當(dāng)所述節(jié)點(diǎn)不屬于所述父節(jié)點(diǎn)的子節(jié)點(diǎn)時(shí)，確定所述節(jié)點(diǎn)的節(jié)點(diǎn)距離為預(yù)設(shè)長(zhǎng)度，當(dāng)所述節(jié)點(diǎn)屬于所述父節(jié)點(diǎn)的第i個(gè)子節(jié)點(diǎn)時(shí)，確定第一數(shù)值，并將所述父節(jié)點(diǎn)的節(jié)點(diǎn)距離與所述第一數(shù)值之和確定為所述節(jié)點(diǎn)的節(jié)點(diǎn)距離，所述第一數(shù)值為所述父節(jié)點(diǎn)包括的子節(jié)點(diǎn)中前i-1個(gè)子節(jié)點(diǎn)的寬度和所述前i-1個(gè)子節(jié)點(diǎn)之間的間隔寬度之和。

13.如權(quán)利要求12所述的裝置，其特征在于，所述確定子模塊用于：

基于所述節(jié)點(diǎn)的寬度和所述節(jié)點(diǎn)距離，通過第一指定公式，確定所述節(jié)點(diǎn)的橫向位置；

所述第一指定公式為：

$X_i=offset+\frac{W_i-W}{2};$

其中，所述X_i為所述節(jié)點(diǎn)的橫向位置，所述offset為所述節(jié)點(diǎn)的節(jié)點(diǎn)距離，所述W_i為所述節(jié)點(diǎn)的寬度，所述W為所述第一預(yù)設(shè)寬度。

14.如權(quán)利要求11所述的裝置，其特征在于，所述確定子模塊用于：

確定第二數(shù)值，所述第二數(shù)值為所述節(jié)點(diǎn)的高度與在縱向方向上相鄰兩個(gè)節(jié)點(diǎn)之間的間隔高度之和；

將所述第二數(shù)值與所述節(jié)點(diǎn)在所述內(nèi)容樹的樹結(jié)構(gòu)中的深度之間的乘積確定為所述節(jié)點(diǎn)的縱向位置。

15.如權(quán)利要求11所述的裝置，其特征在于，所述確定子模塊用于：

根據(jù)所述節(jié)點(diǎn)的屬性信息，確定所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖所處的層次；

根據(jù)所述網(wǎng)頁的頁面信息，確定所述排版結(jié)構(gòu)視圖中包括的排版視圖的層數(shù)以及每層排版視圖的厚度；

基于所述節(jié)點(diǎn)在所述排版結(jié)構(gòu)視圖所處的層次、所述排版結(jié)構(gòu)視圖中包括的排版視圖的層數(shù)以及每層排版視圖的厚度，確定所述節(jié)點(diǎn)的軸向位置。

16.如權(quán)利要求9所述的裝置，其特征在于，所述裝置還包括：

第二獲取模塊，用于當(dāng)檢測(cè)到目標(biāo)節(jié)點(diǎn)的預(yù)設(shè)操作時(shí)，獲取所述目標(biāo)節(jié)點(diǎn)的節(jié)點(diǎn)信息，所述目標(biāo)節(jié)點(diǎn)為所述排版結(jié)構(gòu)視圖中的任一節(jié)點(diǎn)，所述節(jié)點(diǎn)信息包括所述目標(biāo)節(jié)點(diǎn)的顯示位置、大小和顯示格式；

顯示模塊，用于顯示所述節(jié)點(diǎn)信息。

17.一種瀏覽器內(nèi)核的排版結(jié)構(gòu)展現(xiàn)裝置，其特征在于，所述裝置包括：

處理器；

用于存儲(chǔ)處理器可執(zhí)行指令的存儲(chǔ)器；

其中，所述處理器被配置為：

當(dāng)在網(wǎng)頁中檢測(cè)到排版結(jié)構(gòu)展現(xiàn)指令時(shí)，按照瀏覽器內(nèi)核包括的多個(gè)階段的數(shù)據(jù)屬性，獲取所述網(wǎng)頁在排版的過程中各個(gè)階段的頁面排版數(shù)據(jù)，所述瀏覽器內(nèi)核為當(dāng)前顯示所述網(wǎng)頁的瀏覽器的內(nèi)核；

基于所述各個(gè)階段的頁面排版數(shù)據(jù)，構(gòu)建內(nèi)容樹，所述內(nèi)容樹中包括多個(gè)節(jié)點(diǎn)；

確定所述內(nèi)容樹包括的多個(gè)節(jié)點(diǎn)的空間位置以及所述多個(gè)節(jié)點(diǎn)的節(jié)點(diǎn)樣式；

按照所述多個(gè)節(jié)點(diǎn)的空間位置和節(jié)點(diǎn)樣式，繪制所述瀏覽器內(nèi)核的排版結(jié)構(gòu)視圖，顯示所述排版結(jié)構(gòu)視圖。