| OLD | NEW |
| 1 | 1 |
| 2 { | 2 { |
| 3 "nodeId": 20, | 3 id : <messageId> |
| 4 "parentId": 15, | 4 result : { |
| 5 "backendNodeId": "<number>", | 5 root : { |
| 6 "nodeType": 1, | 6 backendNodeId : <backendNodeId> |
| 7 "nodeName": "BODY", | 7 baseURL : <baseURL> |
| 8 "localName": "body", | 8 childNodeCount : 1 |
| 9 "nodeValue": "", | 9 children : [ |
| 10 "childNodeCount": 1, | 10 [0] : { |
| 11 "children": [ | 11 attributes : [ |
| 12 { | 12 ] |
| 13 "nodeId": 21, | 13 backendNodeId : <backendNodeId> |
| 14 "parentId": 20, | 14 childNodeCount : 2 |
| 15 "backendNodeId": "<number>", | 15 children : [ |
| 16 "nodeType": 1, | 16 [0] : { |
| 17 "nodeName": "DIV", | 17 attributes : [ |
| 18 "localName": "div", | 18 ] |
| 19 "nodeValue": "", | 19 backendNodeId : <backendNodeId> |
| 20 "childNodeCount": 2, | 20 childNodeCount : 0 |
| 21 "children": [ | 21 children : [ |
| 22 { | 22 ] |
| 23 "nodeId": 22, | 23 localName : head |
| 24 "parentId": 21, | 24 nodeId : <nodeId> |
| 25 "backendNodeId": "<number>", | 25 nodeName : HEAD |
| 26 "nodeType": 1, | 26 nodeType : 1 |
| 27 "nodeName": "DIV", | 27 nodeValue : |
| 28 "localName": "div", | 28 parentId : <parentId> |
| 29 "nodeValue": "", | 29 } |
| 30 "childNodeCount": 1, | 30 [1] : { |
| 31 "children": [ | 31 attributes : [ |
| 32 { | 32 ] |
| 33 "nodeId": 23, | 33 backendNodeId : <backendNodeId> |
| 34 "parentId": 22, | 34 childNodeCount : 1 |
| 35 "backendNodeId": "<number>", | 35 children : [ |
| 36 "nodeType": 1, | 36 [0] : { |
| 37 "nodeName": "DIV", | 37 attributes : [ |
| 38 "localName": "div", | 38 [0] : id |
| 39 "nodeValue": "", | 39 [1] : depth-1 |
| 40 "childNodeCount": 1, | 40 ] |
| 41 "children": [ | 41 backendNodeId : <backendNodeId> |
| 42 { | 42 childNodeCount : 2 |
| 43 "nodeId": 24, | 43 children : [ |
| 44 "parentId": 23, | 44 [0] : { |
| 45 "backendNodeId": "<number>", | 45 attributes : [ |
| 46 "nodeType": 1, | 46 [0] : id |
| 47 "nodeName": "IFRAME", | 47 [1] : depth-2 |
| 48 "localName": "iframe", | 48 ] |
| 49 "nodeValue": "", | 49 backendNodeId : <backendNodeId> |
| 50 "childNodeCount": 0, | 50 childNodeCount : 1 |
| 51 "children": [], | 51 children : [ |
| 52 "attributes": [ | 52 [0] : { |
| 53 "src", | 53 attributes : [ |
| 54 "resources/shadow-dom-iframe.html" | 54 [0] : id |
| 55 ], | 55 [1] : depth-3 |
| 56 "frameId": "???", | 56 ] |
| 57 "contentDocument": { | 57 backendNodeId : <backendNode
Id> |
| 58 "nodeId": 25, | 58 childNodeCount : 1 |
| 59 "backendNodeId": "<number>", | 59 children : [ |
| 60 "nodeType": 9, | 60 [0] : { |
| 61 "nodeName": "#document", | 61 attributes : [ |
| 62 "localName": "", | 62 [0] : src |
| 63 "nodeValue": "", | 63 [1] : ../dom/res
ources/shadow-dom-iframe.html |
| 64 "childNodeCount": 1, | 64 ] |
| 65 "children": [ | 65 backendNodeId : <bac
kendNodeId> |
| 66 { | 66 childNodeCount : 0 |
| 67 "nodeId": 26, | 67 children : [ |
| 68 "parentId": 25, | 68 ] |
| 69 "backendNodeId": "<number>", | 69 contentDocument : { |
| 70 "nodeType": 1, | 70 backendNodeId :
<backendNodeId> |
| 71 "nodeName": "HTML", | 71 baseURL : <baseU
RL> |
| 72 "localName": "html", | 72 childNodeCount :
1 |
| 73 "nodeValue": "", | 73 children : [ |
| 74 "childNodeCount": 2, | 74 [0] : { |
| 75 "children": [ | 75 attribut
es : [ |
| 76 { | 76 ] |
| 77 "nodeId": 27, | 77 backendN
odeId : <backendNodeId> |
| 78 "parentId": 26, | 78 childNod
eCount : 2 |
| 79 "backendNodeId": "<numbe
r>", | 79 children
: [ |
| 80 "nodeType": 1, | 80 [0]
: { |
| 81 "nodeName": "HEAD", | 81
attributes : [ |
| 82 "localName": "head", | 82
] |
| 83 "nodeValue": "", | 83
backendNodeId : <backendNodeId> |
| 84 "childNodeCount": 0, | 84
childNodeCount : 0 |
| 85 "children": [], | 85
children : [ |
| 86 "attributes": [] | 86
] |
| 87 }, | 87
localName : head |
| 88 { | 88
nodeId : <nodeId> |
| 89 "nodeId": 28, | 89
nodeName : HEAD |
| 90 "parentId": 26, | 90
nodeType : 1 |
| 91 "backendNodeId": "<numbe
r>", | 91
nodeValue : |
| 92 "nodeType": 1, | 92
parentId : <parentId> |
| 93 "nodeName": "BODY", | 93 } |
| 94 "localName": "body", | 94 [1]
: { |
| 95 "nodeValue": "", | 95
attributes : [ |
| 96 "childNodeCount": 2, | 96
[0] : onload |
| 97 "children": [ | 97
[1] : addShadowDOM() |
| 98 { | 98
] |
| 99 "nodeId": 29, | 99
backendNodeId : <backendNodeId> |
| 100 "parentId": 28, | 100
childNodeCount : 2 |
| 101 "backendNodeId":
"<number>", | 101
children : [ |
| 102 "nodeType": 1, | 102
[0] : { |
| 103 "nodeName": "DIV
", | 103
attributes : [ |
| 104 "localName": "di
v", | 104
[0] : id |
| 105 "nodeValue": "", | 105
[1] : element_in_an_iframe |
| 106 "childNodeCount"
: 0, | 106
] |
| 107 "children": [], | 107
backendNodeId : <backendNodeId> |
| 108 "attributes": [ | 108
childNodeCount : 0 |
| 109 "id", | 109
children : [ |
| 110 "element_in_
an_iframe" | 110
] |
| 111 ], | 111
localName : div |
| 112 "shadowRoots": [ | 112
nodeId : <nodeId> |
| 113 { | 113
nodeName : DIV |
| 114 "nodeId"
: 30, | 114
nodeType : 1 |
| 115 "backend
NodeId": "<number>", | 115
nodeValue : |
| 116 "nodeTyp
e": 11, | 116
parentId : <parentId> |
| 117 "nodeNam
e": "#document-fragment", | 117
shadowRoots : [ |
| 118 "localNa
me": "", | 118
[0] : { |
| 119 "nodeVal
ue": "", | 119
backendNodeId : <backendNodeId> |
| 120 "childNo
deCount": 1, | 120
childNodeCount : 1 |
| 121 "childre
n": [ | 121
children : [ |
| 122 { | 122
[0] : { |
| 123
"nodeId": 31, | 123
attributes : [ |
| 124
"parentId": 30, | 124
[0] : style |
| 125
"backendNodeId": "<number>", | 125
[1] : color: red; |
| 126
"nodeType": 1, | 126
] |
| 127
"nodeName": "DIV", | 127
backendNodeId : <backendNodeId> |
| 128
"localName": "div", | 128
childNodeCount : 1 |
| 129
"nodeValue": "", | 129
children : [ |
| 130
"childNodeCount": 1, | 130
[0] : { |
| 131
"children": [ | 131
attributes : [ |
| 132
{ | 132
] |
| 133
"nodeId": 32, | 133
backendNodeId : <backendNodeId> |
| 134
"parentId": 31, | 134
childNodeCount : 1 |
| 135
"backendNodeId": "<number>", | 135
children : [ |
| 136
"nodeType": 1, | 136
[0] : { |
| 137
"nodeName": "H1", | 137
backendNodeId : <backendNodeId> |
| 138
"localName": "h1", | 138
localName : |
| 139
"nodeValue": "", | 139
nodeId : <nodeId> |
| 140
"childNodeCount": 1, | 140
nodeName : #text |
| 141
"children": [ | 141
nodeType : 3 |
| 142
{ | 142
nodeValue : Hello from the shadow dom! |
| 143
"nodeId": 33, | 143
parentId : <parentId> |
| 144
"parentId": 32, | 144
} |
| 145
"backendNodeId": "<number>", | 145
] |
| 146
"nodeType": 3, | 146
localName : h1 |
| 147
"nodeName": "#text", | 147
nodeId : <nodeId> |
| 148
"localName": "", | 148
nodeName : H1 |
| 149
"nodeValue": "Hello from the shadow dom!" | 149
nodeType : 1 |
| 150
nodeValue : |
| 151
parentId : <parentId> |
| 152
} |
| 153
] |
| 154
localName : div |
| 155
nodeId : <nodeId> |
| 156
nodeName : DIV |
| 157
nodeType : 1 |
| 158
nodeValue : |
| 159
parentId : <parentId> |
| 160
} |
| 161
] |
| 162
localName : |
| 163
nodeId : <nodeId> |
| 164
nodeName : #document-fragment |
| 165
nodeType : 11 |
| 166
nodeValue : |
| 167
shadowRootType : open |
| 150
} | 168
} |
| 151
], | 169
] |
| 152
"attributes": [] | |
| 153
} | 170
} |
| 154
], | 171
[1] : { |
| 155
"attributes": [ | 172
attributes : [ |
| 156
"style", | 173
] |
| 157
"color: red;" | 174
backendNodeId : <backendNodeId> |
| 158
] | 175
childNodeCount : 1 |
| 176
children : [ |
| 177
[0] : { |
| 178
backendNodeId : <backendNodeId> |
| 179
localName : |
| 180
nodeId : <nodeId> |
| 181
nodeName : #text |
| 182
nodeType : 3 |
| 183
nodeValue : function addShadowDOM() { var host = document.g
etElementById("element_in_an_iframe").createShadowRoot(); var template = doc
ument.querySelector("#shadow-template"); host.appendChild(template.content);
template.remove(); } |
| 184
parentId : <parentId> |
| 185
} |
| 186
] |
| 187
localName : script |
| 188
nodeId : <nodeId> |
| 189
nodeName : SCRIPT |
| 190
nodeType : 1 |
| 191
nodeValue : |
| 192
parentId : <parentId> |
| 193
} |
| 194
] |
| 195
localName : body |
| 196
nodeId : <nodeId> |
| 197
nodeName : BODY |
| 198
nodeType : 1 |
| 199
nodeValue : |
| 200
parentId : <parentId> |
| 159 } | 201 } |
| 160 ], | 202 ] |
| 161 "shadowR
ootType": "open" | 203 frameId
: <frameId> |
| 204 localNam
e : html |
| 205 nodeId :
<nodeId> |
| 206 nodeName
: HTML |
| 207 nodeType
: 1 |
| 208 nodeValu
e : |
| 209 parentId
: <parentId> |
| 162 } | 210 } |
| 163 ] | 211 ] |
| 164 }, | 212 documentURL : <d
ocumentURL> |
| 165 { | 213 localName : |
| 166 "nodeId": 34, | 214 nodeId : <nodeId
> |
| 167 "parentId": 28, | 215 nodeName : #docu
ment |
| 168 "backendNodeId":
"<number>", | 216 nodeType : 9 |
| 169 "nodeType": 1, | 217 nodeValue : |
| 170 "nodeName": "SCR
IPT", | 218 xmlVersion : |
| 171 "localName": "sc
ript", | |
| 172 "nodeValue": "", | |
| 173 "childNodeCount"
: 1, | |
| 174 "children": [ | |
| 175 { | |
| 176 "nodeId"
: 35, | |
| 177 "parentI
d": 34, | |
| 178 "backend
NodeId": "<number>", | |
| 179 "nodeTyp
e": 3, | |
| 180 "nodeNam
e": "#text", | |
| 181 "localNa
me": "", | |
| 182 "nodeVal
ue": "\nfunction addShadowDOM() {\n var host = document.getElementById(\"elem
ent_in_an_iframe\").createShadowRoot();\n var template = document.querySelect
or(\"#shadow-template\");\n host.appendChild(template.content);\n template
.remove();\n}\n" | |
| 183 } | |
| 184 ], | |
| 185 "attributes": [] | |
| 186 } | 219 } |
| 187 ], | 220 frameId : <frameId> |
| 188 "attributes": [ | 221 localName : iframe |
| 189 "onload", | 222 nodeId : <nodeId> |
| 190 "addShadowDOM()" | 223 nodeName : IFRAME |
| 191 ] | 224 nodeType : 1 |
| 192 } | 225 nodeValue : |
| 193 ], | 226 parentId : <parentId
> |
| 194 "attributes": [], | 227 } |
| 195 "frameId": "???" | 228 ] |
| 196 } | 229 localName : div |
| 197 ], | 230 nodeId : <nodeId> |
| 198 "documentURL": "???", | 231 nodeName : DIV |
| 199 "baseURL": "???", | 232 nodeType : 1 |
| 200 "xmlVersion": "" | 233 nodeValue : |
| 201 } | 234 parentId : <parentId> |
| 235 } |
| 236 ] |
| 237 localName : div |
| 238 nodeId : <nodeId> |
| 239 nodeName : DIV |
| 240 nodeType : 1 |
| 241 nodeValue : |
| 242 parentId : <parentId> |
| 243 } |
| 244 [1] : { |
| 245 attributes : [ |
| 246 [0] : id |
| 247 [1] : targetDiv |
| 248 ] |
| 249 backendNodeId : <backendNodeId> |
| 250 childNodeCount : 0 |
| 251 children : [ |
| 252 ] |
| 253 localName : div |
| 254 nodeId : <nodeId> |
| 255 nodeName : DIV |
| 256 nodeType : 1 |
| 257 nodeValue : |
| 258 parentId : <parentId> |
| 259 } |
| 260 ] |
| 261 localName : div |
| 262 nodeId : <nodeId> |
| 263 nodeName : DIV |
| 264 nodeType : 1 |
| 265 nodeValue : |
| 266 parentId : <parentId> |
| 202 } | 267 } |
| 203 ], | 268 ] |
| 204 "attributes": [ | 269 localName : body |
| 205 "id", | 270 nodeId : <nodeId> |
| 206 "depth-3" | 271 nodeName : BODY |
| 207 ] | 272 nodeType : 1 |
| 273 nodeValue : |
| 274 parentId : <parentId> |
| 208 } | 275 } |
| 209 ], | |
| 210 "attributes": [ | |
| 211 "id", | |
| 212 "depth-2" | |
| 213 ] | 276 ] |
| 214 }, | 277 frameId : <frameId> |
| 215 { | 278 localName : html |
| 216 "nodeId": 36, | 279 nodeId : <nodeId> |
| 217 "parentId": 21, | 280 nodeName : HTML |
| 218 "backendNodeId": "<number>", | 281 nodeType : 1 |
| 219 "nodeType": 1, | 282 nodeValue : |
| 220 "nodeName": "DIV", | 283 parentId : <parentId> |
| 221 "localName": "div", | |
| 222 "nodeValue": "", | |
| 223 "childNodeCount": 0, | |
| 224 "children": [], | |
| 225 "attributes": [ | |
| 226 "id", | |
| 227 "targetDiv" | |
| 228 ] | |
| 229 } | 284 } |
| 230 ], | |
| 231 "attributes": [ | |
| 232 "id", | |
| 233 "depth-1" | |
| 234 ] | 285 ] |
| 286 documentURL : <documentURL> |
| 287 localName : |
| 288 nodeId : <nodeId> |
| 289 nodeName : #document |
| 290 nodeType : 9 |
| 291 nodeValue : |
| 292 xmlVersion : |
| 235 } | 293 } |
| 236 ], | 294 } |
| 237 "attributes": [] | |
| 238 } | 295 } |
| 239 | 296 |
| OLD | NEW |