forked from darobin/svgboilerplate
-
Notifications
You must be signed in to change notification settings - Fork 0
/
status.html
115 lines (114 loc) · 4.96 KB
/
status.html
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
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en' lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
<title>SVG Boilerplate Test Status</title>
<style type='text/css'>
.n_a { background: #000; color: #ccc; }
.nok { background: #f00; }
.int { background: #ff0; }
.ukn { background: #ccc; }
.nat, .ani, .hp5, .all, .swf { background: #0f0; }
.ua { text-align: left;}
</style>
</head>
<body>
<h1>SVG Boilerplate Test Status</h1>
<p>
The reading key is:
</p>
<ul>
<li><strong>n/a</strong> - not applicable</li>
<li><strong>nok</strong> - failed</li>
<li><strong>int</strong> - intermittent failure (sometimes works, sometimes not)</li>
<li><strong>nat</strong> - full native</li>
<li><strong>ani</strong> - anims shimmed (+fakesmil)</li>
<li><strong>hp5</strong> - html5 parsing shimmed (+forcesvg)</li>
<li><strong>all</strong> - both anims and html5 parsing shimmed</li>
<li><strong>swf</strong> - SVG Web</li>
<li><strong>ukn</strong> - untested</li>
</ul>
<table id='results'>
<tr>
<th rowspan='2'>Browsers</th>
<th colspan='2'>HTML</th>
<th colspan='2'>XHTML</th>
</tr>
<tr>
<th>Inline</th>
<th>Embed</th>
<th>Inline</th>
<th>Embed</th>
</tr>
</table>
<h2>Notes</h2>
<p>
I'm getting intermittent failures with SF5/osx & SF?/ios with the inline HTML mode which
require investigation.
</p>
<p>
I'm also seeing intermittent failures with FF3/osx for embed in XHTML mode.
</p>
<p>
I suspect both of the above happen when scripts run in the wrong order — need to address that.
</p>
<script>
// key
var data = [
{ ua: "FF4/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF4/win", hi: "nat", he: "nat", xi: "nat", xe: "nat" },
{ ua: "FF4/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF3/osx", hi: "all", he: "all", xi: "ani", xe: "int" },
{ ua: "FF3/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF3/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF2/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF2/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "FF2/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "SF5/osx", hi: "int", he: "all", xi: "nat", xe: "nat" },
{ ua: "SF5/win", hi: "int", he: "all", xi: "nat", xe: "nat" },
{ ua: "SF4/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "SF4/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "SF?/ios", hi: "int", he: "all", xi: "nat", xe: "nat" },
{ ua: "CH7/osx", hi: "nat", he: "nat", xi: "nat", xe: "nat" },
{ ua: "CH7/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH7/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH6/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH6/win", hi: "all", he: "all", xi: "nat", xe: "nat" },
{ ua: "CH6/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH5/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH5/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "CH5/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "O10/osx", hi: "all", he: "all", xi: "nat", xe: "nat" },
{ ua: "O10/win", hi: "all", he: "all", xi: "nat", xe: "nat" },
{ ua: "O10/lin", hi: "all", he: "all", xi: "nat", xe: "nat" },
{ ua: "O09/osx", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "O09/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "O09/lin", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "IE9/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "IE8/win", hi: "nok", he: "nok", xi: "nok", xe: "nok" },
{ ua: "IE7/win", hi: "ukn", he: "ukn", xi: "ukn", xe: "ukn" },
{ ua: "IE6/win", hi: "ukn", he: "ukn", xi: "n/a", xe: "n/a" },
];
var tab = document.getElementById("results"),
opt = ["hi", "he", "xi", "xe"];
for (var i = 0, n = data.length; i < n; i++) {
var item = data[i];
var tr = document.createElement("tr");
var th = document.createElement("th");
th.className = "ua"
th.innerHTML = item.ua;
tr.appendChild(th);
for (var j = 0, m = opt.length; j < m; j++) {
var variant = opt[j];
var td = document.createElement("td");
var res = item[variant]
td.innerHTML = res;
if (res === "n/a") res = "n_a";
td.className = res;
tr.appendChild(td);
}
tab.appendChild(tr);
}
</script>
</body>
</html>