OLD | NEW |
1 | 1 |
2 { | 2 { |
3 "nodeId": 20, | 3 "nodeId": 20, |
| 4 "parentId": 15, |
4 "backendNodeId": "<number>", | 5 "backendNodeId": "<number>", |
5 "nodeType": 1, | 6 "nodeType": 1, |
6 "nodeName": "BODY", | 7 "nodeName": "BODY", |
7 "localName": "body", | 8 "localName": "body", |
8 "nodeValue": "", | 9 "nodeValue": "", |
9 "childNodeCount": 1, | 10 "childNodeCount": 1, |
10 "children": [ | 11 "children": [ |
11 { | 12 { |
12 "nodeId": 21, | 13 "nodeId": 21, |
| 14 "parentId": 20, |
13 "backendNodeId": "<number>", | 15 "backendNodeId": "<number>", |
14 "nodeType": 1, | 16 "nodeType": 1, |
15 "nodeName": "DIV", | 17 "nodeName": "DIV", |
16 "localName": "div", | 18 "localName": "div", |
17 "nodeValue": "", | 19 "nodeValue": "", |
18 "childNodeCount": 2, | 20 "childNodeCount": 2, |
19 "children": [ | 21 "children": [ |
20 { | 22 { |
21 "nodeId": 22, | 23 "nodeId": 22, |
| 24 "parentId": 21, |
22 "backendNodeId": "<number>", | 25 "backendNodeId": "<number>", |
23 "nodeType": 1, | 26 "nodeType": 1, |
24 "nodeName": "DIV", | 27 "nodeName": "DIV", |
25 "localName": "div", | 28 "localName": "div", |
26 "nodeValue": "", | 29 "nodeValue": "", |
27 "childNodeCount": 1, | 30 "childNodeCount": 1, |
28 "children": [ | 31 "children": [ |
29 { | 32 { |
30 "nodeId": 23, | 33 "nodeId": 23, |
| 34 "parentId": 22, |
31 "backendNodeId": "<number>", | 35 "backendNodeId": "<number>", |
32 "nodeType": 1, | 36 "nodeType": 1, |
33 "nodeName": "DIV", | 37 "nodeName": "DIV", |
34 "localName": "div", | 38 "localName": "div", |
35 "nodeValue": "", | 39 "nodeValue": "", |
36 "childNodeCount": 1, | 40 "childNodeCount": 1, |
37 "children": [ | 41 "children": [ |
38 { | 42 { |
39 "nodeId": 24, | 43 "nodeId": 24, |
| 44 "parentId": 23, |
40 "backendNodeId": "<number>", | 45 "backendNodeId": "<number>", |
41 "nodeType": 1, | 46 "nodeType": 1, |
42 "nodeName": "IFRAME", | 47 "nodeName": "IFRAME", |
43 "localName": "iframe", | 48 "localName": "iframe", |
44 "nodeValue": "", | 49 "nodeValue": "", |
45 "childNodeCount": 0, | 50 "childNodeCount": 0, |
46 "children": [], | 51 "children": [], |
47 "attributes": [ | 52 "attributes": [ |
48 "src", | 53 "src", |
49 "resources/shadow-dom-iframe.html" | 54 "resources/shadow-dom-iframe.html" |
50 ], | 55 ], |
51 "frameId": "???", | 56 "frameId": "???", |
52 "contentDocument": { | 57 "contentDocument": { |
53 "nodeId": 25, | 58 "nodeId": 25, |
54 "backendNodeId": "<number>", | 59 "backendNodeId": "<number>", |
55 "nodeType": 9, | 60 "nodeType": 9, |
56 "nodeName": "#document", | 61 "nodeName": "#document", |
57 "localName": "", | 62 "localName": "", |
58 "nodeValue": "", | 63 "nodeValue": "", |
59 "childNodeCount": 1, | 64 "childNodeCount": 1, |
60 "children": [ | 65 "children": [ |
61 { | 66 { |
62 "nodeId": 26, | 67 "nodeId": 26, |
| 68 "parentId": 25, |
63 "backendNodeId": "<number>", | 69 "backendNodeId": "<number>", |
64 "nodeType": 1, | 70 "nodeType": 1, |
65 "nodeName": "HTML", | 71 "nodeName": "HTML", |
66 "localName": "html", | 72 "localName": "html", |
67 "nodeValue": "", | 73 "nodeValue": "", |
68 "childNodeCount": 2, | 74 "childNodeCount": 2, |
69 "children": [ | 75 "children": [ |
70 { | 76 { |
71 "nodeId": 27, | 77 "nodeId": 27, |
| 78 "parentId": 26, |
72 "backendNodeId": "<numbe
r>", | 79 "backendNodeId": "<numbe
r>", |
73 "nodeType": 1, | 80 "nodeType": 1, |
74 "nodeName": "HEAD", | 81 "nodeName": "HEAD", |
75 "localName": "head", | 82 "localName": "head", |
76 "nodeValue": "", | 83 "nodeValue": "", |
77 "childNodeCount": 0, | 84 "childNodeCount": 0, |
78 "children": [], | 85 "children": [], |
79 "attributes": [] | 86 "attributes": [] |
80 }, | 87 }, |
81 { | 88 { |
82 "nodeId": 28, | 89 "nodeId": 28, |
| 90 "parentId": 26, |
83 "backendNodeId": "<numbe
r>", | 91 "backendNodeId": "<numbe
r>", |
84 "nodeType": 1, | 92 "nodeType": 1, |
85 "nodeName": "BODY", | 93 "nodeName": "BODY", |
86 "localName": "body", | 94 "localName": "body", |
87 "nodeValue": "", | 95 "nodeValue": "", |
88 "childNodeCount": 2, | 96 "childNodeCount": 2, |
89 "children": [ | 97 "children": [ |
90 { | 98 { |
91 "nodeId": 29, | 99 "nodeId": 29, |
| 100 "parentId": 28, |
92 "backendNodeId":
"<number>", | 101 "backendNodeId":
"<number>", |
93 "nodeType": 1, | 102 "nodeType": 1, |
94 "nodeName": "DIV
", | 103 "nodeName": "DIV
", |
95 "localName": "di
v", | 104 "localName": "di
v", |
96 "nodeValue": "", | 105 "nodeValue": "", |
97 "childNodeCount"
: 0, | 106 "childNodeCount"
: 0, |
98 "children": [], | 107 "children": [], |
99 "attributes": [ | 108 "attributes": [ |
100 "id", | 109 "id", |
101 "element_in_
an_iframe" | 110 "element_in_
an_iframe" |
102 ], | 111 ], |
103 "shadowRoots": [ | 112 "shadowRoots": [ |
104 { | 113 { |
105 "nodeId"
: 30, | 114 "nodeId"
: 30, |
106 "backend
NodeId": "<number>", | 115 "backend
NodeId": "<number>", |
107 "nodeTyp
e": 11, | 116 "nodeTyp
e": 11, |
108 "nodeNam
e": "#document-fragment", | 117 "nodeNam
e": "#document-fragment", |
109 "localNa
me": "", | 118 "localNa
me": "", |
110 "nodeVal
ue": "", | 119 "nodeVal
ue": "", |
111 "childNo
deCount": 1, | 120 "childNo
deCount": 1, |
112 "childre
n": [ | 121 "childre
n": [ |
113 { | 122 { |
114
"nodeId": 31, | 123
"nodeId": 31, |
| 124
"parentId": 30, |
115
"backendNodeId": "<number>", | 125
"backendNodeId": "<number>", |
116
"nodeType": 1, | 126
"nodeType": 1, |
117
"nodeName": "DIV", | 127
"nodeName": "DIV", |
118
"localName": "div", | 128
"localName": "div", |
119
"nodeValue": "", | 129
"nodeValue": "", |
120
"childNodeCount": 1, | 130
"childNodeCount": 1, |
121
"children": [ | 131
"children": [ |
122
{ | 132
{ |
123
"nodeId": 32, | 133
"nodeId": 32, |
| 134
"parentId": 31, |
124
"backendNodeId": "<number>", | 135
"backendNodeId": "<number>", |
125
"nodeType": 1, | 136
"nodeType": 1, |
126
"nodeName": "H1", | 137
"nodeName": "H1", |
127
"localName": "h1", | 138
"localName": "h1", |
128
"nodeValue": "", | 139
"nodeValue": "", |
129
"childNodeCount": 1, | 140
"childNodeCount": 1, |
130
"children": [ | 141
"children": [ |
131
{ | 142
{ |
132
"nodeId": 33, | 143
"nodeId": 33, |
| 144
"parentId": 32, |
133
"backendNodeId": "<number>", | 145
"backendNodeId": "<number>", |
134
"nodeType": 3, | 146
"nodeType": 3, |
135
"nodeName": "#text", | 147
"nodeName": "#text", |
136
"localName": "", | 148
"localName": "", |
137
"nodeValue": "Hello from the shadow dom!" | 149
"nodeValue": "Hello from the shadow dom!" |
138
} | 150
} |
139
], | 151
], |
140
"attributes": [] | 152
"attributes": [] |
141
} | 153
} |
142
], | 154
], |
143
"attributes": [ | 155
"attributes": [ |
144
"style", | 156
"style", |
145
"color: red;" | 157
"color: red;" |
146
] | 158
] |
147 } | 159 } |
148 ], | 160 ], |
149 "shadowR
ootType": "open" | 161 "shadowR
ootType": "open" |
150 } | 162 } |
151 ] | 163 ] |
152 }, | 164 }, |
153 { | 165 { |
154 "nodeId": 34, | 166 "nodeId": 34, |
| 167 "parentId": 28, |
155 "backendNodeId":
"<number>", | 168 "backendNodeId":
"<number>", |
156 "nodeType": 1, | 169 "nodeType": 1, |
157 "nodeName": "SCR
IPT", | 170 "nodeName": "SCR
IPT", |
158 "localName": "sc
ript", | 171 "localName": "sc
ript", |
159 "nodeValue": "", | 172 "nodeValue": "", |
160 "childNodeCount"
: 1, | 173 "childNodeCount"
: 1, |
161 "children": [ | 174 "children": [ |
162 { | 175 { |
163 "nodeId"
: 35, | 176 "nodeId"
: 35, |
| 177 "parentI
d": 34, |
164 "backend
NodeId": "<number>", | 178 "backend
NodeId": "<number>", |
165 "nodeTyp
e": 3, | 179 "nodeTyp
e": 3, |
166 "nodeNam
e": "#text", | 180 "nodeNam
e": "#text", |
167 "localNa
me": "", | 181 "localNa
me": "", |
168 "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" | 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" |
169 } | 183 } |
170 ], | 184 ], |
171 "attributes": [] | 185 "attributes": [] |
172 } | 186 } |
173 ], | 187 ], |
(...skipping 19 matching lines...) Expand all Loading... |
193 ] | 207 ] |
194 } | 208 } |
195 ], | 209 ], |
196 "attributes": [ | 210 "attributes": [ |
197 "id", | 211 "id", |
198 "depth-2" | 212 "depth-2" |
199 ] | 213 ] |
200 }, | 214 }, |
201 { | 215 { |
202 "nodeId": 36, | 216 "nodeId": 36, |
| 217 "parentId": 21, |
203 "backendNodeId": "<number>", | 218 "backendNodeId": "<number>", |
204 "nodeType": 1, | 219 "nodeType": 1, |
205 "nodeName": "DIV", | 220 "nodeName": "DIV", |
206 "localName": "div", | 221 "localName": "div", |
207 "nodeValue": "", | 222 "nodeValue": "", |
208 "childNodeCount": 0, | 223 "childNodeCount": 0, |
209 "children": [], | 224 "children": [], |
210 "attributes": [ | 225 "attributes": [ |
211 "id", | 226 "id", |
212 "targetDiv" | 227 "targetDiv" |
213 ] | 228 ] |
214 } | 229 } |
215 ], | 230 ], |
216 "attributes": [ | 231 "attributes": [ |
217 "id", | 232 "id", |
218 "depth-1" | 233 "depth-1" |
219 ] | 234 ] |
220 } | 235 } |
221 ], | 236 ], |
222 "attributes": [] | 237 "attributes": [] |
223 } | 238 } |
224 | 239 |
OLD | NEW |