| OLD | NEW |
| 1 | 1 |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", | 3 "layers": [ |
| 4 "bounds": [785, 1500], | |
| 5 "children": [ | |
| 6 { | 4 { |
| 7 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 8 "bounds": [785, 1500], | 6 "bounds": [785, 1500], |
| 9 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true |
| 9 }, |
| 10 { |
| 11 "name": "LayoutIFrame IFRAME", |
| 12 "position": [20, 120], |
| 13 "bounds": [284, 204], |
| 14 "drawsContent": true |
| 15 }, |
| 16 { |
| 17 "name": "Frame Overflow Controls Host Layer", |
| 18 "position": [2, 2], |
| 19 "bounds": [280, 200] |
| 20 }, |
| 21 { |
| 22 "name": "Frame Clipping Layer", |
| 23 "bounds": [280, 200] |
| 24 }, |
| 25 { |
| 26 "name": "Frame Scrolling Layer" |
| 27 }, |
| 28 { |
| 29 "name": "Content Root Layer", |
| 30 "bounds": [280, 200] |
| 31 }, |
| 32 { |
| 33 "name": "LayoutView #document", |
| 34 "bounds": [280, 200], |
| 35 "drawsContent": true |
| 36 }, |
| 37 { |
| 38 "name": "LayoutIFrame IFRAME", |
| 39 "position": [8, 8], |
| 40 "bounds": [252, 172], |
| 41 "drawsContent": true |
| 42 }, |
| 43 { |
| 44 "name": "Frame Overflow Controls Host Layer", |
| 45 "position": [1, 1], |
| 46 "bounds": [250, 170] |
| 47 }, |
| 48 { |
| 49 "name": "Frame Clipping Layer", |
| 50 "bounds": [250, 170] |
| 51 }, |
| 52 { |
| 53 "name": "Frame Scrolling Layer" |
| 54 }, |
| 55 { |
| 56 "name": "Content Root Layer", |
| 57 "bounds": [250, 230] |
| 58 }, |
| 59 { |
| 60 "name": "LayoutView #document", |
| 61 "bounds": [250, 230], |
| 10 "drawsContent": true, | 62 "drawsContent": true, |
| 11 "children": [ | 63 "backgroundColor": "#C0C0C0" |
| 12 { | 64 }, |
| 13 "name": "LayoutIFrame IFRAME", | 65 { |
| 14 "position": [20, 120], | 66 "name": "LayoutBlockFlow DIV id='iframe-content' class='box'", |
| 15 "bounds": [284, 204], | 67 "position": [18, 10], |
| 16 "drawsContent": true, | 68 "bounds": [210, 210], |
| 17 "children": [ | 69 "contentsOpaque": true, |
| 18 { | 70 "drawsContent": true, |
| 19 "name": "Frame Overflow Controls Host Layer", | 71 "backgroundColor": "#0000FF" |
| 20 "position": [2, 2], | 72 }, |
| 21 "bounds": [280, 200], | 73 { |
| 22 "children": [ | 74 "name": "LayoutIFrame IFRAME", |
| 23 { | 75 "position": [20, 344], |
| 24 "name": "Frame Clipping Layer", | 76 "bounds": [284, 204], |
| 25 "bounds": [280, 200], | 77 "drawsContent": true |
| 26 "children": [ | 78 }, |
| 27 { | 79 { |
| 28 "name": "Frame Scrolling Layer", | 80 "name": "Frame Overflow Controls Host Layer", |
| 29 "children": [ | 81 "position": [2, 2], |
| 30 { | 82 "bounds": [280, 200] |
| 31 "name": "Content Root Layer", | 83 }, |
| 32 "bounds": [280, 200], | 84 { |
| 33 "children": [ | 85 "name": "Frame Clipping Layer", |
| 34 { | 86 "bounds": [280, 200] |
| 35 "name": "LayoutView #document", | 87 }, |
| 36 "bounds": [280, 200], | 88 { |
| 37 "drawsContent": true, | 89 "name": "Frame Scrolling Layer" |
| 38 "children": [ | 90 }, |
| 39 { | 91 { |
| 40 "name": "LayoutIFrame IFRAME", | 92 "name": "Content Root Layer", |
| 41 "position": [8, 8], | 93 "bounds": [280, 200] |
| 42 "bounds": [252, 172], | 94 }, |
| 43 "drawsContent": true, | 95 { |
| 44 "children": [ | 96 "name": "LayoutView #document", |
| 45 { | 97 "bounds": [280, 200], |
| 46 "name": "Frame Overflow Controls Host Laye
r", | 98 "drawsContent": true |
| 47 "position": [1, 1], | 99 }, |
| 48 "bounds": [250, 170], | 100 { |
| 49 "children": [ | 101 "name": "LayoutIFrame IFRAME", |
| 50 { | 102 "position": [8, 8], |
| 51 "name": "Frame Clipping Layer", | 103 "bounds": [252, 172], |
| 52 "bounds": [250, 170], | 104 "drawsContent": true |
| 53 "children": [ | 105 }, |
| 54 { | 106 { |
| 55 "name": "Frame Scrolling Layer", | 107 "name": "Frame Overflow Controls Host Layer", |
| 56 "children": [ | 108 "position": [1, 1], |
| 57 { | 109 "bounds": [250, 170] |
| 58 "name": "Content Root Layer", | 110 }, |
| 59 "bounds": [250, 230], | 111 { |
| 60 "children": [ | 112 "name": "Frame Clipping Layer", |
| 61 { | 113 "bounds": [250, 170] |
| 62 "name": "LayoutView #docum
ent", | 114 }, |
| 63 "bounds": [250, 230], | 115 { |
| 64 "drawsContent": true, | 116 "name": "Frame Scrolling Layer" |
| 65 "backgroundColor": "#C0C0C
0", | 117 }, |
| 66 "children": [ | 118 { |
| 67 { | 119 "name": "Content Root Layer", |
| 68 "name": "LayoutBlockFl
ow DIV id='iframe-content' class='box'", | 120 "bounds": [250, 230] |
| 69 "position": [18, 10], | 121 }, |
| 70 "bounds": [210, 210], | 122 { |
| 71 "contentsOpaque": true
, | 123 "name": "LayoutView #document", |
| 72 "drawsContent": true, | 124 "bounds": [250, 230], |
| 73 "backgroundColor": "#0
000FF" | 125 "drawsContent": true, |
| 74 } | 126 "backgroundColor": "#C0C0C0" |
| 75 ] | 127 }, |
| 76 } | 128 { |
| 77 ] | 129 "name": "LayoutBlockFlow DIV id='iframe-content' class='box'", |
| 78 } | 130 "position": [18, 10], |
| 79 ] | 131 "bounds": [210, 210], |
| 80 } | 132 "contentsOpaque": true, |
| 81 ] | 133 "drawsContent": true, |
| 82 } | 134 "backgroundColor": "#0000FF" |
| 83 ] | 135 }, |
| 84 } | 136 { |
| 85 ] | 137 "name": "LayoutBlockFlow DIV id='box' class='composited'", |
| 86 } | 138 "bounds": [100, 100], |
| 87 ] | 139 "contentsOpaque": true, |
| 88 } | 140 "drawsContent": true, |
| 89 ] | 141 "backgroundColor": "#0000FF" |
| 90 } | |
| 91 ] | |
| 92 } | |
| 93 ] | |
| 94 } | |
| 95 ] | |
| 96 } | |
| 97 ] | |
| 98 }, | |
| 99 { | |
| 100 "name": "LayoutIFrame IFRAME", | |
| 101 "position": [20, 344], | |
| 102 "bounds": [284, 204], | |
| 103 "drawsContent": true, | |
| 104 "children": [ | |
| 105 { | |
| 106 "name": "Frame Overflow Controls Host Layer", | |
| 107 "position": [2, 2], | |
| 108 "bounds": [280, 200], | |
| 109 "children": [ | |
| 110 { | |
| 111 "name": "Frame Clipping Layer", | |
| 112 "bounds": [280, 200], | |
| 113 "children": [ | |
| 114 { | |
| 115 "name": "Frame Scrolling Layer", | |
| 116 "children": [ | |
| 117 { | |
| 118 "name": "Content Root Layer", | |
| 119 "bounds": [280, 200], | |
| 120 "children": [ | |
| 121 { | |
| 122 "name": "LayoutView #document", | |
| 123 "bounds": [280, 200], | |
| 124 "drawsContent": true, | |
| 125 "children": [ | |
| 126 { | |
| 127 "name": "LayoutIFrame IFRAME", | |
| 128 "position": [8, 8], | |
| 129 "bounds": [252, 172], | |
| 130 "drawsContent": true, | |
| 131 "children": [ | |
| 132 { | |
| 133 "name": "Frame Overflow Controls Host Laye
r", | |
| 134 "position": [1, 1], | |
| 135 "bounds": [250, 170], | |
| 136 "children": [ | |
| 137 { | |
| 138 "name": "Frame Clipping Layer", | |
| 139 "bounds": [250, 170], | |
| 140 "children": [ | |
| 141 { | |
| 142 "name": "Frame Scrolling Layer", | |
| 143 "children": [ | |
| 144 { | |
| 145 "name": "Content Root Layer", | |
| 146 "bounds": [250, 230], | |
| 147 "children": [ | |
| 148 { | |
| 149 "name": "LayoutView #docum
ent", | |
| 150 "bounds": [250, 230], | |
| 151 "drawsContent": true, | |
| 152 "backgroundColor": "#C0C0C
0", | |
| 153 "children": [ | |
| 154 { | |
| 155 "name": "LayoutBlockFl
ow DIV id='iframe-content' class='box'", | |
| 156 "position": [18, 10], | |
| 157 "bounds": [210, 210], | |
| 158 "contentsOpaque": true
, | |
| 159 "drawsContent": true, | |
| 160 "backgroundColor": "#0
000FF" | |
| 161 } | |
| 162 ] | |
| 163 } | |
| 164 ] | |
| 165 } | |
| 166 ] | |
| 167 } | |
| 168 ] | |
| 169 } | |
| 170 ] | |
| 171 } | |
| 172 ] | |
| 173 } | |
| 174 ] | |
| 175 } | |
| 176 ] | |
| 177 } | |
| 178 ] | |
| 179 } | |
| 180 ] | |
| 181 } | |
| 182 ] | |
| 183 } | |
| 184 ] | |
| 185 }, | |
| 186 { | |
| 187 "name": "LayoutBlockFlow DIV id='box' class='composited'", | |
| 188 "bounds": [100, 100], | |
| 189 "contentsOpaque": true, | |
| 190 "drawsContent": true, | |
| 191 "backgroundColor": "#0000FF" | |
| 192 } | |
| 193 ] | |
| 194 } | 142 } |
| 195 ] | 143 ] |
| 196 } | 144 } |
| 197 | 145 |
| OLD | NEW |