| OLD | NEW |
|---|
| (Empty) | |
| 1 Some Text |
| 2 And More Text |
| 3 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet e
st sem. Aenean ut neque volutpat, posuere odio at, mollis nibh. Aenean sodales n
ulla et ligula efficitur sollicitudin blandit sed lectus. Duis orci enim, sodale
s ac lectus sed, hendrerit efficitur est. Quisque gravida facilisis viverra. |
| 4 |
| 5 Lets have a span |
| 6 |
| 7 RenderTreeNodes result: |
| 8 { |
| 9 "renderTreeNodes": [ |
| 10 { |
| 11 "backendNodeId": 2, |
| 12 "boundingBox": { |
| 13 "x": 0, |
| 14 "y": 0, |
| 15 "width": 800, |
| 16 "height": 600 |
| 17 } |
| 18 }, |
| 19 { |
| 20 "backendNodeId": 3, |
| 21 "boundingBox": { |
| 22 "x": 0, |
| 23 "y": 0, |
| 24 "width": 800, |
| 25 "height": 600 |
| 26 } |
| 27 }, |
| 28 { |
| 29 "backendNodeId": 4, |
| 30 "boundingBox": { |
| 31 "x": 8, |
| 32 "y": 8, |
| 33 "width": 784, |
| 34 "height": 584 |
| 35 } |
| 36 }, |
| 37 { |
| 38 "backendNodeId": 5, |
| 39 "boundingBox": { |
| 40 "x": 8, |
| 41 "y": 316, |
| 42 "width": 784, |
| 43 "height": 0 |
| 44 } |
| 45 }, |
| 46 { |
| 47 "backendNodeId": 6, |
| 48 "boundingBox": { |
| 49 "x": 8, |
| 50 "y": 316, |
| 51 "width": 784, |
| 52 "height": 0 |
| 53 } |
| 54 }, |
| 55 { |
| 56 "backendNodeId": 7, |
| 57 "boundingBox": { |
| 58 "x": 105.875, |
| 59 "y": 28, |
| 60 "width": 200, |
| 61 "height": 288 |
| 62 } |
| 63 }, |
| 64 { |
| 65 "backendNodeId": 8, |
| 66 "boundingBox": { |
| 67 "x": 105.875, |
| 68 "y": 260, |
| 69 "width": 200, |
| 70 "height": 40 |
| 71 } |
| 72 }, |
| 73 { |
| 74 "backendNodeId": 9, |
| 75 "boundingBox": { |
| 76 "x": 145.875, |
| 77 "y": 280, |
| 78 "width": 101, |
| 79 "height": 19 |
| 80 } |
| 81 }, |
| 82 { |
| 83 "backendNodeId": 10, |
| 84 "boundingBox": { |
| 85 "x": 145.875, |
| 86 "y": 280, |
| 87 "width": 101, |
| 88 "height": 19 |
| 89 }, |
| 90 "layoutText": "Lets have a span", |
| 91 "inlineTextNodes": [ |
| 92 { |
| 93 "boundingBox": { |
| 94 "x": 145.875, |
| 95 "y": 280, |
| 96 "width": 101, |
| 97 "height": 19 |
| 98 }, |
| 99 "text": "Lets have a span" |
| 100 } |
| 101 ] |
| 102 }, |
| 103 { |
| 104 "backendNodeId": 11, |
| 105 "boundingBox": { |
| 106 "x": 145.875, |
| 107 "y": 260, |
| 108 "width": 160, |
| 109 "height": 20 |
| 110 } |
| 111 }, |
| 112 { |
| 113 "backendNodeId": 12, |
| 114 "boundingBox": { |
| 115 "x": 105.875, |
| 116 "y": 44, |
| 117 "width": 200, |
| 118 "height": 200 |
| 119 } |
| 120 }, |
| 121 { |
| 122 "backendNodeId": 13, |
| 123 "boundingBox": { |
| 124 "x": 105.875, |
| 125 "y": 44, |
| 126 "width": 199, |
| 127 "height": 199 |
| 128 }, |
| 129 "layoutText": "\n Lorem ipsum dolor sit amet, consectetur adipiscing el
it. Pellentesque sit amet est sem.\n Aenean ut neque volutpat, posuere odio a
t, mollis nibh. Aenean sodales nulla et\n ligula efficitur sollicitudin bland
it sed lectus. Duis orci enim, sodales ac lectus sed,\n hendrerit efficitur e
st. Quisque gravida facilisis viverra.\n ", |
| 130 "inlineTextNodes": [ |
| 131 { |
| 132 "boundingBox": { |
| 133 "x": 105.875, |
| 134 "y": 44, |
| 135 "width": 169, |
| 136 "height": 19 |
| 137 }, |
| 138 "text": "Lorem ipsum dolor sit amet," |
| 139 }, |
| 140 { |
| 141 "boundingBox": { |
| 142 "x": 105.875, |
| 143 "y": 64, |
| 144 "width": 157, |
| 145 "height": 19 |
| 146 }, |
| 147 "text": "consectetur adipiscing elit." |
| 148 }, |
| 149 { |
| 150 "boundingBox": { |
| 151 "x": 105.875, |
| 152 "y": 84, |
| 153 "width": 178, |
| 154 "height": 19 |
| 155 }, |
| 156 "text": "Pellentesque sit amet est sem." |
| 157 }, |
| 158 { |
| 159 "boundingBox": { |
| 160 "x": 105.875, |
| 161 "y": 104, |
| 162 "width": 157, |
| 163 "height": 19 |
| 164 }, |
| 165 "text": "Aenean ut neque volutpat," |
| 166 }, |
| 167 { |
| 168 "boundingBox": { |
| 169 "x": 105.875, |
| 170 "y": 124, |
| 171 "width": 169, |
| 172 "height": 19 |
| 173 }, |
| 174 "text": "posuere odio at, mollis nibh." |
| 175 }, |
| 176 { |
| 177 "boundingBox": { |
| 178 "x": 105.875, |
| 179 "y": 144, |
| 180 "width": 145, |
| 181 "height": 19 |
| 182 }, |
| 183 "text": "Aenean sodales nulla et\n" |
| 184 }, |
| 185 { |
| 186 "boundingBox": { |
| 187 "x": 250.875, |
| 188 "y": 144, |
| 189 "width": 30, |
| 190 "height": 19 |
| 191 }, |
| 192 "text": "ligula" |
| 193 }, |
| 194 { |
| 195 "boundingBox": { |
| 196 "x": 105.875, |
| 197 "y": 164, |
| 198 "width": 178.703125, |
| 199 "height": 19 |
| 200 }, |
| 201 "text": "efficitur sollicitudin blandit sed" |
| 202 }, |
| 203 { |
| 204 "boundingBox": { |
| 205 "x": 105.875, |
| 206 "y": 184, |
| 207 "width": 199, |
| 208 "height": 19 |
| 209 }, |
| 210 "text": "lectus. Duis orci enim, sodales ac" |
| 211 }, |
| 212 { |
| 213 "boundingBox": { |
| 214 "x": 105.875, |
| 215 "y": 204, |
| 216 "width": 67, |
| 217 "height": 19 |
| 218 }, |
| 219 "text": "lectus sed,\n" |
| 220 }, |
| 221 { |
| 222 "boundingBox": { |
| 223 "x": 172.875, |
| 224 "y": 204, |
| 225 "width": 125.703125, |
| 226 "height": 19 |
| 227 }, |
| 228 "text": "hendrerit efficitur est." |
| 229 }, |
| 230 { |
| 231 "boundingBox": { |
| 232 "x": 105.875, |
| 233 "y": 224, |
| 234 "width": 193, |
| 235 "height": 19 |
| 236 }, |
| 237 "text": "Quisque gravida facilisis viverra." |
| 238 } |
| 239 ] |
| 240 }, |
| 241 { |
| 242 "backendNodeId": 14, |
| 243 "boundingBox": { |
| 244 "x": 8, |
| 245 "y": 280, |
| 246 "width": 97.875, |
| 247 "height": 19 |
| 248 }, |
| 249 "layoutText": " And More Text\n", |
| 250 "inlineTextNodes": [ |
| 251 { |
| 252 "boundingBox": { |
| 253 "x": 8, |
| 254 "y": 280, |
| 255 "width": 97.875, |
| 256 "height": 19 |
| 257 }, |
| 258 "text": "And More Text\n" |
| 259 } |
| 260 ] |
| 261 }, |
| 262 { |
| 263 "backendNodeId": 15, |
| 264 "boundingBox": { |
| 265 "x": 8, |
| 266 "y": 8, |
| 267 "width": 784, |
| 268 "height": 20 |
| 269 } |
| 270 }, |
| 271 { |
| 272 "backendNodeId": 16, |
| 273 "boundingBox": { |
| 274 "x": 8, |
| 275 "y": 8, |
| 276 "width": 64.875, |
| 277 "height": 19 |
| 278 }, |
| 279 "layoutText": "Some Text", |
| 280 "inlineTextNodes": [ |
| 281 { |
| 282 "boundingBox": { |
| 283 "x": 8, |
| 284 "y": 8, |
| 285 "width": 64.875, |
| 286 "height": 19 |
| 287 }, |
| 288 "text": "Some Text" |
| 289 } |
| 290 ] |
| 291 } |
| 292 ] |
| 293 } |
| 294 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2346853002:
Add a DOM.getLayoutTreeNodes devtools command (Closed)
