forked from prettydiff/prettydiff
-
Notifications
You must be signed in to change notification settings - Fork 0
/
samples.xhtml
193 lines (193 loc) · 12.7 KB
/
samples.xhtml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN' 'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Pretty Diff - The difference tool</title>
<link href="diffview.css" media="all" rel="stylesheet" type="text/css"/>
<link href='http://prettydiff.com/samples.php' rel='canonical' type='application/xhtml+xml'/>
<link href="http://prettydiff.com/images/favicon.ico" rel="icon" type="image/x-icon"/>
<link href="http://prettydiff.com/labels.rdf" rel="meta" title="ICRA labels" type="application/rdf+xml"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<meta content="index, follow" name="robots"/>
<meta content="Pretty Diff - The difference tool" name="DC.title"/>
<meta content='(pics-1.1 "http://www.icra.org/pics/vocabularyv03/" l gen true for "http://prettydiff.com" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 1) gen true for "http://www.prettydiff.com" r (n 0 s 0 v 0 l 0 oa 0 ob 0 oc 0 od 0 oe 0 of 0 og 0 oh 0 c 1))' http-equiv="pics-Label"/>
<meta content="Austin Cheney" name="author"/>
<meta content="Pretty Diff tool can minify, beautify (pretty-print), or diff between minified and beautified code. This tool can even beautify and minify HTML." name="description"/>
<meta content="Global" name="distribution"/>
<meta content="en" http-equiv="Content-Language"/>
<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type"/>
<meta content="blendTrans(Duration=0)" http-equiv="Page-Enter"/>
<meta content="blendTrans(Duration=0)" http-equiv="Page-Exit"/>
<meta content="text/css" http-equiv="content-style-type"/>
<meta content="application/javascript" http-equiv="content-script-type"/>
<meta content="qL8AV9yjL2-ZFGV9ey6wU3t7pTZdpD4lIetUSiNen7E" name="google-site-verification"/>
</head>
<body class="white" id="samples">
<h1>
<svg height="2000.000000pt"
preserveAspectRatio="xMidYMid meet"
version="1.0"
viewBox="0 0 2000.000000 2000.000000"
width="2000.000000pt"
xmlns="http://www.w3.org/2000/svg">
<g fill="#999"
stroke="none"
transform="translate(0.000000,2000.000000) scale(0.100000,-0.100000)">
<path d="M14871 18523 c-16 -64 -611 -2317 -946 -3588 -175 -660 -319 -1202 -320 -1204 -2 -2 -50 39 -107 91 -961 876 -2202 1358 -3498 1358 -1255 0 -2456 -451 -3409 -1279 -161 -140 -424 -408 -560 -571 -507 -607 -870 -1320 -1062 -2090 -58 -232 -386 -1479 -2309 -8759 -148 -563 -270 -1028 -270 -1033 0 -4 614 -8 1365 -8 l1364 0 10 38 c16 63 611 2316 946 3587 175 660 319 1202 320 1204 2 2 50 -39 107 -91 543 -495 1169 -862 1863 -1093 1707 -568 3581 -211 4965 946 252 210 554 524 767 796 111 143 312 445 408 613 229 406 408 854 525 1320 57 225 380 1451 2310 8759 148 563 270 1028 270 1033 0 4 -614 8 -1365 8 l-1364 0 -10 -37z m-4498 -5957 c477 -77 889 -256 1245 -542 523 -419 850 -998 954 -1689 18 -121 18 -549 0 -670 -80 -529 -279 -972 -612 -1359 -412 -480 -967 -779 -1625 -878 -121 -18 -549 -18 -670 0 -494 74 -918 255 -1283 548 -523 419 -850 998 -954 1689 -18 121 -18 549 0 670 104 691 431 1270 954 1689 365 293 828 490 1283 545 50 6 104 13 120 15 72 10 495 -3 588 -18z"/></g>
</svg>
<a href="http://prettydiff.com/">Pretty Diff</a>
- Samples</h1>
<p id="dcolorScheme"><label class="label" for="colorScheme">Color
Scheme</label>
<select id="colorScheme"><option>Canvas</option>
<option>Shadow</option>
<option selected="selected">White</option></select>
</p>
<h2>Try these samples to get a feel for how Pretty Diff works.</h2>
<ol id="pdsamples">
<li>
<p><a href="http://prettydiff.com/?m=diff&s=http://prettydiff.com/prettydiff.js&d=http://prettydiff.com/prettydiff-min.js">Diff
a minified JavaScript source from Pretty Diff to a duplicate but
unminified code source.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/prettydiff.js">http://prettydiff.com/prettydiff.js</a></li>
<li><a href="http://prettydiff.com/prettydiff-min.js">http://prettydiff.com/prettydiff-min.js</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=diff&l=html&s=http://nodejs.org/docs/v0.6.15/api/all.html&d=http://nodejs.org/docs/v0.6.13/api/all.html">Diff
complete Node.js v0.6.15 documentation to v0.6.13 documentation.
Warning, big execution!!</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://nodejs.org/docs/v0.6.15/api/all.html">http://nodejs.org/docs/v0.6.15/api/all.html</a></li>
<li><a href="http://nodejs.org/docs/v0.6.13/api/all.html">http://nodejs.org/docs/v0.6.13/api/all.html</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=diff&s=http://code.jquery.com/jquery-1.7.2.js&d=http://code.jquery.com/jquery-1.7.2.min.js">Diff
a JavaScript source from jQuery to obfuscated code. Demonstrates why I
dislike obfuscation. Warning, big execution!!</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://code.jquery.com/jquery-1.7.2.js">http://code.jquery.com/jquery-1.7.2.js</a></li>
<li><a href="http://code.jquery.com/jquery-1.7.2.min.js">http://code.jquery.com/jquery-1.7.2.min.js</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=diff&s=http://prettydiff.com/&d=http://prettydiff.com/prettydiff.com.xhtml">Diff
a minified HTML sample to a similar different minified HTML source.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/">http://prettydiff.com/</a></li>
<li><a href="http://prettydiff.com/prettydiff.com.xhtml">http://prettydiff.com/prettydiff.com.xhtml</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&s=http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_adobe.txt">Beautify
(pretty-print) a large JavaScript code sample.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_adobe.txt">http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_adobe.txt</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&jscorrect&s=http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_tvly.txt">Beautify
(pretty-print) a large JavaScript code sample with some auto-correction
for missing or sloppy syntax.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_tvly.txt">http://prettydiff.com/unit_tests/beautification_javascript_obfuscated_tvly.txt</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&jsscope&c=white&s=http://prettydiff.com/lib/markup_beauty.js">Scope
analysis of a deeply nested JavaScript code sample.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/lib/markup_beauty.js">http://prettydiff.com/lib/markup_beauty.js</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&s=http://stackoverflow.com/">Beautify
(pretty-print) the HTML of the Stackoverflow.com homepage as XML.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://stackoverflow.com/">http://stackoverflow.com/</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&s=http://w3schools.com/jsref/jsref_obj_regexp.asp&l=html">Beautify
(pretty-print) the HTML of the W3Schools JavaScript RegExp reference as
HTML.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://w3schools.com/jsref/jsref_obj_regexp.asp">http://w3schools.com/jsref/jsref_obj_regexp.asp</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&s=http://nodejs.org/docs/v0.6.15/api/all.html">Beautify
(pretty-print) the HTML of the full Node.js documentation.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://nodejs.org/docs/v0.6.15/api/all.html">http://nodejs.org/docs/v0.6.15/api/all.html</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=beautify&s=http://prettydiff.com/unit_tests/beautification_javascript_jsx.txt">Beautify
(pretty-print) React JSX format.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://prettydiff.com/unit_tests/beautification_javascript_jsx.txt">http://prettydiff.com/unit_tests/beautification_javascript_jsx.txt</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=minify&s=http://w3schools.com/jsref/jsref_obj_regexp.asp&l=html">Minify
the HTML of the W3Schools JavaScript RegExp reference as HTML.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://w3schools.com/jsref/jsref_obj_regexp.asp">http://w3schools.com/jsref/jsref_obj_regexp.asp</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=minify&s=http://mailmarkup.org/hcl/hcl1_0-documentation.xsd">Minify
a large XML Schema with verbose annotations.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://mailmarkup.org/hcl/hcl1_0-documentation.xsd">http://mailmarkup.org/hcl/hcl1_0-documentation.xsd</a></li>
</ul>
</div>
</li>
<li>
<p><a href="http://prettydiff.com/?m=minify&s=http://nodejs.org/docs/v0.6.15/api/all.html&l=html">Minify
the HTML of the full Node.js documentation.</a></p>
<div><p>Raw code used for this example:</p>
<ul>
<li><a href="http://nodejs.org/docs/v0.6.15/api/all.html">http://nodejs.org/docs/v0.6.15/api/all.html</a></li>
</ul>
</div>
</li>
</ol>
<script src="api/dom.js" type="application/javascript"></script>
<script src="lib/safeSort.js" type="application/javascript"></script>
<script src="lib/csspretty.js" type="application/javascript"></script>
<script src="lib/csvpretty.js" type="application/javascript"></script>
<script src="lib/diffview.js" type="application/javascript"></script>
<script src="lib/jspretty.js" type="application/javascript"></script>
<script src="lib/markuppretty.js" type="application/javascript"></script>
<script src="prettydiff.js" type="application/javascript"></script>
</body>
</html>