with <a href="http://stats.wikimedia.org/archive/squid_reports/">Wikimedia</a>
browser usage statistics.</p>
+<div id="browser">
<:
my $caniuse = do 'browser-support.inc.pl' or die $! || $@;
if (my $row = shift) {
if ($canihas) {
while (my ($browser, $versions) = each %$row) {
+ ref $versions eq 'HASH' or next;
while (my ($version, $_) = each %$versions) {
$rank += $canihas->{$browser}->{$version} * $statspts->{$_};
}
my $cell = $_ ? lc $_->[0] : '-';
print '<th>', $cell;
}
- printf '<td title="%s">%s', $row->{description}, $row->{title};
+ print '<td>', map {
+ sprintf('<a href="%s" onclick="%s">%s</a>',
+ "#$id",
+ sprintf("try { %s; return false } catch(err) { return true }",
+ "document.getElementById('$id').classList.toggle('target')",
+ ),
+ $_,
+ );
+ } $row->{title};
+ print '<div class=aside>';
+ s/\.?$/./, print "<p>$_</p>" for map { ref $_ ? @$_ : $_ || () }
+ $row->{description}, $row->{notes};
+ printf 'Resources: %s.', join(', ',
+ map { qq(<a href="$_->{url}">$_->{title}</a>) } @$_
+ ) for grep { @$_ } $row->{links} // ();
+ print '</div>';
for ($row->{status}) {
my $cell = $_ // '-';
$cell = sprintf '<a href="%s">%s</a>', $_, $cell for $row->{spec} // ();
my ($prev, @span);
for my $ver (@{ $versions{$browser} }, undef) {
unless (!defined $prev
- or $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
+ or ref $data->{$browser} eq 'HASH'
+ && $data->{$browser}->{$prev} ~~ $data->{$browser}->{$ver}) {
my $usage = sum(map { $canihas->{$browser}->{$_} } @span);
printf '<td class="%s" colspan="%d" title="%.1f%%">%s',
join(' ',
- X => $CSTATS{ $data->{$browser}->{$prev} },
+ X => $CSTATS{
+ ref $data->{$browser} ne 'HASH' ? 'u' :
+ $data->{$browser}->{$prev} // 'u'
+ },
!$usage ? ('p0') : ('p',
sprintf('p%01d', $usage / 10),
sprintf('p%02d', $usage),
sub paddedver {
# normalised version number comparable as string (cmp)
shift =~ /^(\d*)(.*)/;
- return sprintf('%02d', $1) . $2;
+ return sprintf('%02d', $1 || 0) . $2;
}
sub showversions {
return join('‒', @span);
}
-:>
+:></div>
+
<hr>
<div class="legend">
<td class="X l4">partial
<td class="X l2">external (js/plugin)
<td class="X l0">missing
+ <td class="X l9">unknown
</table>
<div>