html-axios-axios-add-script-element

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.

Before1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5</head>
6<body>
7
8An alert should be shown with the <code>{"name":"axios"}</code>
9
10<script src="../../dist/axios.js"></script>
11<script>
12    axios.get('./fixture.json').then(function(response) {
13        console.log(response);
14        alert(JSON.stringify(response.data));
15        alert('response headers:\n\n' + JSON.stringify(response.headers));
…lines 16–21 unchanged (6 lines)

After1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5</head>
6<body>
7
8An alert should be shown with the <code>{"name":"axios"}</code>
9
10<script src="promise.js"></script>
11<script src="../../dist/axios.js"></script>
12<script>
13    axios.get('./fixture.json').then(function(response) {
14        console.log(response);
15        alert(JSON.stringify(response.data));
16        alert('response headers:\n\n' + JSON.stringify(response.headers));
…lines 17–21 unchanged (5 lines)

Before1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5</head>
6<body>
7
8An alert should be shown with the <code>{"name":"axios"}</code>
9
10<script src="../../dist/axios.js"></script>
11<script>
12    axios.get('./fixture.json').then(function(response) {
13        console.log(response);
14        alert(JSON.stringify(response.data));
15        alert('response headers:\n\n' + JSON.stringify(response.headers));
…lines 16–21 unchanged (6 lines)

After1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5</head>
6<body>
7
8An alert should be shown with the <code>{"name":"axios"}</code>
9
10<script src="promise.js"></script>
11<script src="../../dist/axios.js"></script>
12<script>
13    axios.get('./fixture.json').then(function(response) {
14        console.log(response);
15        alert(JSON.stringify(response.data));
16        alert('response headers:\n\n' + JSON.stringify(response.headers));
…lines 17–21 unchanged (5 lines)

Before

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

attribute

attribute_name "lang"

= "="

quoted_attribute_value

" "\""

attribute_value "en"

" "\""

> ">"

element (+21 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

text "An alert should be shown with the"

element

start_tag

< "<"

tag_name "code"

> ">"

text "{\"name\":\"axios\"}"

end_tag

</ "</"

tag_name "code"

> ">"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "../../dist/axios.js"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n axios.get('./fixture.json').then(function(response) {\n "...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

After

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

attribute

attribute_name "lang"

= "="

quoted_attribute_value

" "\""

attribute_value "en"

" "\""

> ">"

element (+21 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

text "An alert should be shown with the"

element

start_tag

< "<"

tag_name "code"

> ">"

text "{\"name\":\"axios\"}"

end_tag

</ "</"

tag_name "code"

> ">"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "promise.js"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "src"

= "="

quoted_attribute_value

" "\""

attribute_value "../../dist/axios.js"

" "\""

> ">"

raw_text ""

end_tag

</ "</"

tag_name "script"

> ">"

script_element

start_tag

< "<"

tag_name "script"

> ">"

raw_text "\n axios.get('./fixture.json').then(function(response) {\n "...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help