[webkit-dev] Get src and element from render object in dump tree
rikutse
asuratse at hotmail.com
Fri Apr 9 14:45:50 PDT 2010
Is my question too stupid?
rikutse wrote:
>
> Dear everyone,
> I am new to study Webkit. In short, I used dump render tree for Google
> page: http://www.google.com :
> layer at (0,0) size 800x600
> RenderView at (0,0) size 800x600
> layer at (0,0) size 800x371
> RenderBlock {HTML} at (0,0) size 800x371
> RenderBody {BODY} at (8,3) size 784x352 [bgcolor=#FFFFFF]
> RenderBlock {DIV} at (0,0) size 784x24
> RenderBlock (floating) {DIV} at (0,0) size 377x23
> RenderInline {NOBR} at (0,0) size 377x16
> RenderInline {B} at (0,0) size 29x16
> RenderText {#text} at (0,1) size 29x16
> text run at (0,1) width 29: "Web"
> RenderText {#text} at (35,1) size 4x16
> text run at (35,1) width 4: " "
> RenderInline {A} at (0,0) size 42x16 [color=#0000CC]
> RenderText {#text} at (39,1) size 42x16
> text run at (39,1) width 42: "Images"
> RenderText {#text} at (87,1) size 4x16
> text run at (87,1) width 4: " "
> RenderInline {A} at (0,0) size 40x16 [color=#0000CC]
> RenderText {#text} at (91,1) size 40x16
> text run at (91,1) width 40: "Videos"
> RenderText {#text} at (137,1) size 4x16
> text run at (137,1) width 4: " "
> RenderInline {A} at (0,0) size 32x16 [color=#0000CC]
> RenderText {#text} at (141,1) size 32x16
> text run at (141,1) width 32: "Maps"
> RenderText {#text} at (179,1) size 4x16
> text run at (179,1) width 4: " "
> RenderInline {A} at (0,0) size 32x16 [color=#0000CC]
> RenderText {#text} at (183,1) size 32x16
> text run at (183,1) width 32: "News"
> RenderText {#text} at (221,1) size 4x16
> text run at (221,1) width 4: " "
> RenderInline {A} at (0,0) size 54x16 [color=#0000CC]
> RenderText {#text} at (225,1) size 54x16
> text run at (225,1) width 54: "Shopping"
> RenderText {#text} at (285,1) size 4x16
> text run at (285,1) width 4: " "
> RenderInline {A} at (0,0) size 34x16 [color=#0000CC]
> RenderText {#text} at (289,1) size 34x16
> text run at (289,1) width 34: "Gmail"
> RenderText {#text} at (329,1) size 4x16
> text run at (329,1) width 4: " "
> RenderInline {A} at (0,0) size 44x16 [color=#0000CC]
> RenderInline {U} at (0,0) size 29x16
> RenderText {#text} at (333,1) size 29x16
> text run at (333,1) width 29: "more"
> RenderText {#text} at (362,1) size 4x16
> text run at (362,1) width 4: " "
> RenderInline {SMALL} at (0,0) size 11x14
> RenderText {#text} at (366,3) size 11x14
> text run at (366,3) width 11: "\x{25BC}"
> RenderBlock {DIV} at (0,0) size 784x24
> RenderInline {NOBR} at (0,0) size 197x16
> RenderInline {SPAN} at (0,0) size 0x0
> RenderInline {SPAN} at (0,0) size 0x0
> RenderInline {SPAN} at (0,0) size 55x16
> RenderInline {A} at (0,0) size 44x16 [color=#0000CC]
> RenderText {#text} at (587,1) size 44x16
> text run at (587,1) width 44: "iGoogle"
> RenderText {#text} at (631,1) size 11x16
> text run at (631,1) width 11: " | "
> RenderInline {A} at (0,0) size 91x16 [color=#0000CC]
> RenderText {#text} at (642,1) size 91x16
> text run at (642,1) width 91: "Search settings"
> RenderText {#text} at (733,1) size 11x16
> text run at (733,1) width 11: " | "
> RenderInline {A} at (0,0) size 40x16 [color=#0000CC]
> RenderText {#text} at (744,1) size 40x16
> text run at (744,1) width 40: "Sign in"
> RenderBlock {CENTER} at (0,24) size 784x328
> RenderBlock (anonymous) at (0,0) size 784x152
> RenderBR {BR} at (392,0) size 0x18
> RenderImage {IMG} at (254,19) size 276x110
> RenderBR {BR} at (530,114) size 0x18
> RenderBR {BR} at (392,133) size 0x18
> RenderBlock {FORM} at (0,152) size 784x64
> RenderTable {TABLE} at (0,0) size 784x64
> RenderTableSection {TBODY} at (0,0) size 784x64
> RenderTableRow {TR} at (0,0) size 784x64
> RenderTableCell {TD} at (0,0) size 134x12 [r=0 c=0 rs=1
> cs=1]
> RenderText {#text} at (0,-3) size 4x18
> text run at (0,-3) width 4: " "
> RenderTableCell {TD} at (134,0) size 487x64 [r=0 c=1 rs=1
> cs=1]
> RenderTextControl {INPUT} at (2,2) size 483x26
> [bgcolor=#FFFFFF] [border: (2px inset #000000)]
> RenderBR {BR} at (487,16) size 0x18
> RenderButton {INPUT} at (112,34) size 121x27 [border:
> (1px solid #999999)]
> RenderBlock (anonymous) at (9,4) size 103x19
> RenderText at (3,1) size 97x17
> text run at (3,1) width 97: "Google Search"
> RenderButton {INPUT} at (239,34) size 136x27 [border:
> (1px solid #999999)]
> RenderBlock (anonymous) at (9,4) size 118x19
> RenderText at (3,1) size 112x17
> text run at (3,1) width 112: "I'm Feeling Lucky"
> RenderTableCell {TD} at (621,0) size 163x28
> [bgcolor=#FFFFFF] [r=0 c=2 rs=1 cs=1]
> RenderInline {FONT} at (0,0) size 89x27
> RenderText {#text} at (0,2) size 6x13
> text run at (0,2) width 6: " "
> RenderInline {A} at (0,0) size 83x13 [color=#0000CC]
> RenderText {#text} at (6,2) size 83x13
> text run at (6,2) width 83: "Advanced Search"
> RenderBR {BR} at (89,2) size 0x13
> RenderText {#text} at (0,16) size 6x13
> text run at (0,16) width 6: " "
> RenderInline {A} at (0,0) size 77x13 [color=#0000CC]
> RenderText {#text} at (6,16) size 77x13
> text run at (6,16) width 77: "Language Tools"
> RenderBlock (anonymous) at (0,236) size 784x19
> RenderBR {BR} at (392,0) size 0x18
> RenderInline {SPAN} at (0,0) size 0x0
> RenderBlock (anonymous) at (0,255) size 784x73
> RenderBlock {CENTER} at (0,0) size 784x73 [bgcolor=#FFFFFF]
> RenderBlock (anonymous) at (0,0) size 784x38
> RenderBR {BR} at (392,0) size 0x18
> RenderInline {FONT} at (0,0) size 338x16
> RenderInline {A} at (0,0) size 123x16 [color=#0000CC]
> RenderText {#text} at (223,21) size 123x16
> text run at (223,21) width 123: "Advertising Programs"
> RenderText {#text} at (346,21) size 12x16
> text run at (346,21) width 12: " - "
> RenderInline {A} at (0,0) size 112x16 [color=#0000CC]
> RenderText {#text} at (358,21) size 112x16
> text run at (358,21) width 112: "Business Solutions"
> RenderText {#text} at (470,21) size 12x16
> text run at (470,21) width 12: " - "
> RenderInline {A} at (0,0) size 79x16 [color=#0000CC]
> RenderText {#text} at (482,21) size 79x16
> text run at (482,21) width 79: "About Google"
> RenderBlock {P} at (0,54) size 784x19
> RenderInline {FONT} at (0,0) size 74x13
> RenderText {#text} at (355,5) size 40x13
> text run at (355,5) width 40: "\x{A9}2010 - "
> RenderInline {A} at (0,0) size 34x13 [color=#0000CC]
> RenderText {#text} at (395,5) size 34x13
> text run at (395,5) width 34: "Privacy"
> RenderBlock (anonymous) at (0,344) size 784x0
> RenderInline {SPAN} at (0,0) size 0x0
> RenderText {#text} at (0,0) size 0x0
> RenderBlock {DIV} at (0,344) size 784x0
> RenderBlock {DIV} at (0,344) size 784x0
> layer at (146,184) size 479x20
> RenderBlock {DIV} at (2,3) size 479x20
> layer at (0,24) size 800x1
> RenderBlock (positioned) {DIV} at (0,24) size 800x1 [border: (1px solid
> #C9D7F1) none]
> layer at (0,24) size 800x1
> RenderBlock (positioned) {DIV} at (0,24) size 800x1 [border: (1px solid
> #C9D7F1) none]
> caret: position 0 of child 0 {DIV} of child 2 {INPUT} of child 1 {TD} of
> child 0 {TR} of child 0 {TBODY} of child 0 {TABLE} of child 4 {FORM} of
> child 4 {CENTER} of child 1 {BODY} of child 1 {HTML} of document
>
>
> I would like to know how could I inspect and access the element member in
> each of the render object?
> Like, how can I get the image object and the src from RenderImage? What
> functions I could use?
>
> Thank you very much.
>
> Riku
>
--
View this message in context: http://old.nabble.com/Get-src-and-element-from-render-object-in-dump-tree-tp28195933p28197921.html
Sent from the Webkit mailing list archive at Nabble.com.
More information about the webkit-dev
mailing list