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 |