Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

1<html>
2<meta http-equiv="Accept-CH" content="Sec-CH-Device-Memory, Device-Memory, Sec-CH-DPR, DPR, Sec-CH-Viewport-Width, Viewport-Width">
3<title>Accept-CH http-equiv iframe test</title>
4<body>
5<script src="/resources/testharness.js"></script>
6<script src="/resources/testharnessreport.js"></script>
7<script src="/common/get-host-info.sub.js"></script>
8<script src="/client-hints/resources/export.js"></script>
9<script src="resources/feature-policy-navigation.js"></script>
10<script>
11(async () => {
12 await test_frame(
13 "HTTPS_ORIGIN",
14 expect_iframe_no_hints,
15 "",
…lines 16–27 unchanged (12 lines)

After

1<html>
2<meta http-equiv="Accept-CH" content="Sec-CH-Device-Memory, Device-Memory, Sec-CH-DPR, DPR, Sec-CH-Viewport-Width, Viewport-Width">
3<title>Accept-CH http-equiv iframe test</title>
4<body>
5<script src="/resources/testharness.js"></script>
6<script src="/resources/testharnessreport.js"></script>
7<script src="/common/get-host-info.sub.js"></script>
8<script src="/client-hints/resources/export.js"></script>
9<script src="resources/permissions-policy-navigation.js"></script>
10<script>
11(async () => {
12 await test_frame(
13 "HTTPS_ORIGIN",
14 expect_iframe_no_hints,
15 "",
…lines 16–27 unchanged (12 lines)

Before

document
element
start_tag
< "<"
tag_name "html"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "http-equiv"
= "="
quoted_attribute_value
" "\""
attribute_value "Accept-CH"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "Sec-CH-Device-Memory, Device-Memory, Sec-CH-DPR, DPR, Sec-CH"...
" "\""
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "Accept-CH http-equiv iframe test"
end_tag
</ "</"
tag_name "title"
> ">"
element
start_tag
< "<"
tag_name "body"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharness.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharnessreport.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/common/get-host-info.sub.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/client-hints/resources/export.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "resources/feature-policy-navigation.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
> ">"
raw_text "\n(async () => {\n await test_frame(\n \"HTTPS_ORIGIN\",\n "...
end_tag
</ "</"
tag_name "script"
> ">"
end_tag
</ "</"
tag_name "body"
> ">"
end_tag
</ "</"
tag_name "html"
> ">"

After

document
element
start_tag
< "<"
tag_name "html"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "http-equiv"
= "="
quoted_attribute_value
" "\""
attribute_value "Accept-CH"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "Sec-CH-Device-Memory, Device-Memory, Sec-CH-DPR, DPR, Sec-CH"...
" "\""
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "Accept-CH http-equiv iframe test"
end_tag
</ "</"
tag_name "title"
> ">"
element
start_tag
< "<"
tag_name "body"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharness.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharnessreport.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/common/get-host-info.sub.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/client-hints/resources/export.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "resources/permissions-policy-navigation.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
> ">"
raw_text "\n(async () => {\n await test_frame(\n \"HTTPS_ORIGIN\",\n "...
end_tag
</ "</"
tag_name "script"
> ">"
end_tag
</ "</"
tag_name "body"
> ">"
end_tag
</ "</"
tag_name "html"
> ">"