| 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 |