examples/browsers.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="css/console.css">
<style>
body {
    margin:0;
}
input[type="button"]{
    -webkit-appearance:none;
    -webkit-touch-callout: none;
    padding:10px;
    margin:10px;
    background:#f60;
    color:#fff;
}
#test {
    margin:10px;
    padding:10px;
    background:#eee;
    font-size:14px;
}
</style>
</head>
<body>

<div class="viewport">

<div id="console"></div>

<div id="test"
        class="a b c"
        data-a="1"
        data-b
        data-c="false">
</div>

<input class="btn1" type="button" value="toggleClass">
<input class="btn2" type="button" value="data('enable-url', 1)">
<input class="btn3" type="button" value="data('enableUrl', 2)">
<input class="btn4" type="button" value="data()">
<input class="btn5" type="button" value="pushState">
<input class="btn6" type="button" value="add hash">
<input class="btn7" type="button" value="replace hash">
<input class="btn8" type="button" value="history.back()">
<input class="btn9" type="button" value="history.back() in hashchange">
<input class="btn10" type="button" value="test soviet">

</div>


<script src="js/browsers_test_pack.js"></script>
<script>
</script>
</body>
</html>