Scribd
Upload
12 views4 pages

Render Tree

The document describes a detailed layout of a web page, including various layers and render blocks with specific sizes and positions. It includes elements such as text, input fields, and buttons, highlighting their properties like color and background. The structure indicates a user interface designed for inputting keywords and additional information.

Uploaded by

ali.sh556as
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
12 views4 pages

Render Tree

The document describes a detailed layout of a web page, including various layers and render blocks with specific sizes and positions. It includes elements such as text, input fields, and buttons, highlighting their properties like color and background. The structure indicates a user interface designed for inputting keywords and additional information.

Uploaded by

ali.sh556as
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

layer [zIndex:0]at (0,0) size 320x1000, absBounds at (0,0) size 320x197

RenderView at (0,0) size 320x197


layer [zIndex:0]at (0,0) size 320x1000, absBounds at (0,0) size 320x1000
RenderBlock {HTML} at (0,0) size 320x1000
RenderBody {BODY} at (0,25) size 320x955 [color=#282828] [bgcolor=#EFF1F4]
RenderBlock {DIV} at (0,0) size 320x955
RenderBlock {DIV} at (0,0) size 320x955
RenderBlock {DIV} at (0,0) size 320x955
RenderBlock {DIV} at (0,0) size 320x955
layer [zIndex:0]at (13,25) size 294x62, absBounds at (13,25) size 294x62
RenderBlock (relative positioned) {DIV} at (13,0) size 294x62
RenderBlock {DIV} at (0,0) size 294x18
RenderBlock (floating) {P} at (0,0) size 55x18 [color=#878D99]
RenderText {#text} at (0,1) size 55x16
text run at (0,1) width 55: "Keyword"
RenderBlock (floating) {P} at (259,3) size 35x14 [color=#BABECA]
RenderInline {SPAN} at (0,0) size 13x13
RenderText {#text} at (0,0) size 13x13
text run at (0,0) width 13: "23"
RenderText {#text} at (12,0) size 23x13
text run at (12,0) width 23: " / 30"
RenderBlock (generated) at (0,18) size 294x0
RenderText at (0,0) size 0x0
RenderBlock {DIV} at (0,26) size 294x36
RenderBlock {DIV} at (0,0) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
layer [zIndex:0]at (26,59) size 268x20, absBounds at (26,59) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 129x20
text run at (1,0) width 129 RTL: "\x{639}\x{644}\x{627}\x{645} \x{62A}\
x{647}\x{627}\x{6CC} \x{645}\x{62E}\x{62A}\x{635}\x{631} \x{648} \x{62C}\x{648}\
x{627}\x{628}\x{634}"
layer [zIndex:0]at (13,102) size 294x878, absBounds at (13,102) size 294x878
RenderBlock (relative positioned) {DIV} at (13,77) size 294x878
RenderBlock {DIV} at (0,0) size 294x18
RenderBlock (floating) {P} at (0,0) size 129x18 [color=#878D99]
RenderText {#text} at (0,1) size 129x16
text run at (0,1) width 129: "Additional Keywords"
RenderBlock (generated) at (0,18) size 294x0
RenderText at (0,0) size 0x0
RenderBlock {DIV} at (0,26) size 294x697
RenderBlock {DIV} at (0,0) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,41) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,82) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,123) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,164) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,205) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,246) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,287) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,328) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,369) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,410) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,451) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,492) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,533) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,574) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,615) size 294x36
RenderBlock {DIV} at (0,0) size 294x36 [bgcolor=#FFFFFF] [border: (1px
solid #DDE1E6)]
RenderTextControl {INPUT} at (13,8) size 268x20
RenderBlock {DIV} at (0,656) size 294x41
RenderBlock {DIV} at (13,834) size 268x44
RenderBlock {DIV} at (0,0) size 268x44
RenderButton {INPUT} at (0,0) size 268x44 [color=#FFFFFF] [bgcolor=#00C03C]
[border: (1px solid #00C03C)]
RenderBlock (anonymous) at (1,12) size 266x19
RenderText at (115,0) size 36x19
text run at (115,0) width 36: "Save"
layer [zIndex:0]at (26,136) size 268x20, absBounds at (26,136) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 5x20
text run at (1,0) width 5: "."
layer [zIndex:0]at (26,177) size 268x20, absBounds at (26,177) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 6x20
text run at (1,0) width 6 RTL: "\x{61F}"
layer [zIndex:0]at (26,218) size 268x20, absBounds at (26,218) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 5x20
text run at (1,0) width 5: "!"
layer [zIndex:0]at (26,259) size 268x20, absBounds at (26,259) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 16x20
text run at (1,0) width 16: "@"
layer [zIndex:0]at (26,300) size 268x20, absBounds at (26,300) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 11x20
text run at (1,0) width 11: "#"
layer [zIndex:0]at (26,341) size 268x20, absBounds at (26,341) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 8x20
text run at (1,0) width 8: "/"
layer [zIndex:0]at (26,382) size 268x20, absBounds at (26,382) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 4x20
text run at (1,0) width 4: "\x{60C}"
layer [zIndex:0]at (26,423) size 268x20, absBounds at (26,423) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 5x20
text run at (1,0) width 5: ":"
layer [zIndex:0]at (26,464) size 268x20, absBounds at (26,464) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 7x20
text run at (1,0) width 7: "\""
layer [zIndex:0]at (26,505) size 268x20, absBounds at (26,505) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 5x20
text run at (1,0) width 5: "'"
layer [zIndex:0]at (26,546) size 268x20, absBounds at (26,546) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 5x20
text run at (1,0) width 5: "'"
layer [zIndex:0]at (26,587) size 268x20, absBounds at (26,587) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 8x20
text run at (1,0) width 8: "-"
layer [zIndex:0]at (26,628) size 268x20, absBounds at (26,628) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 8x20
text run at (1,0) width 8: "_"
layer [zIndex:0]at (26,669) size 268x20, absBounds at (26,669) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
RenderText {#text} at (1,0) size 8x20
text run at (1,0) width 8: "*"
layer [zIndex:0]at (26,710) size 268x20, absBounds at (26,710) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
layer [zIndex:0]at (26,751) size 268x20, absBounds at (26,751) size 268x20
RenderBlock {DIV} at (0,0) size 268x20
layer [zIndex:0]at (13,784) size 294x41, absBounds at (13,784) size 294x41
RenderBlock (relative positioned) {DIV} at (0,0) size 294x41 [color=#B2B8C4]
[bgcolor=#FFFFFF] [border: (1px solid #DDE1E6)]
RenderInline {SPAN} at (0,0) size 32x21
RenderText {#text} at (36,10) size 32x21
text run at (36,10) width 32: "Add"
layer [zIndex:0]at (25,796) size 16x16, absBounds at (25,796) size 16x16
scrollHeight 39
RenderBlock (absolute positioned) {SPAN} at (12,12) size 16x16
RenderText {#text} at (-9999,9) size 111x21
text run at (-9999,9) width 111: "common.plus"
layer [zIndex:0]at (13,850) size 294x66, absBounds at (13,850) size 294x66
RenderBlock (relative positioned) {DIV} at (0,748) size 294x66 [bgcolor=#FFFFFF]
RenderBlock {UL} at (0,0) size 294x66
RenderListItem {LI} at (0,0) size 294x66
layer [zIndex:0]at (28,850) size 279x66, absBounds at (28,850) size 279x66
RenderBlock (relative positioned) {DIV} at (15,0) size 279x66
RenderBlock (floating) {DIV} at (0,11) size 147x44
RenderText {#text} at (0,1) size 140x42
text run at (0,1) width 140: "Edit Reply Messag"
text run at (0,23) width 18: "es"
RenderBlock (floating) {DIV} at (188,11) size 57x22 [color=#878D99]
RenderText {#text} at (0,1) size 57x20
text run at (0,1) width 57: "Not Yet"
RenderBlock (generated) at (0,55) size 245x0
RenderText at (0,0) size 0x0
layer [zIndex:2]at (13,850) size 294x1, absBounds at (13,850) size 294x1
RenderBlock (absolute positioned) zI: 2 at (0,0) size 294x1
RenderText zI: 2 at (0,0) size 0x0
layer [zIndex:2]at (13,915) size 294x1, absBounds at (13,915) size 294x1
RenderBlock (absolute positioned) zI: 2 at (0,65) size 294x1
RenderText zI: 2 at (0,0) size 0x0
caret: position 0 of child 0 {DIV} of child 0 {INPUT} of child 0 {DIV} of child 29
{DIV} of child 1 {DIV} of child 1 {DIV} of child 0 {DIV} of child 2 {DIV} of child
1 {DIV} of child 1 {DIV} of body

You might also like