eruda2
Version:
Console for Mobile Browsers
186 lines (185 loc) • 5.27 kB
HTML
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
/>
<title>Manual</title>
<link rel="stylesheet" href="style.css" />
<script src="assets/eruda.js"></script>
<script src="util.js"></script>
</head>
<body id="body" class="test">
<header>Manual Test</header>
<nav>
<ul>
<li>
<a href="#" id="issue17">#17</a>
</li>
<li>
<a href="#" id="plugin">Plugin</a>
</li>
<li>
<a href="#" id="issue29">#29</a>
</li>
<li>
<a href="#" id="issue31">#31</a>
</li>
<li>
<a href="#" id="issue33">#33</a>
</li>
<li>
<a href="#" id="trigger-error">Trigger Error</a>
</li>
<li>
<a href="#" id="big-array">Big Array</a>
</li>
<li>
<a href="#" id="override-style">Override Style</a>
</li>
<li>
<a href="#" id="stringify-timing">Stringify Timing</a>
</li>
<li>
<a href="#" id="log">Log</a>
</li>
<li>
<a href="#" id="log-10000">Log 10000</a>
</li>
<li>
<a href="#" id="log-1000">Log 1000</a>
</li>
</ul>
</nav>
<script>
function addClickEvent(id, listener) {
document.getElementById(id).addEventListener(
'click',
function (e) {
e.preventDefault()
listener()
},
false
)
}
addClickEvent('issue17', function () {
let B = function () {}
let A = function () {
this._data = 'eruda'
}
A.prototype = Object.create(B.prototype)
Object.defineProperty(A.prototype, 'data', {
get: function () {
return this._data
},
})
let a = new A()
console.log(a)
})
addClickEvent('plugin', function () {
eruda.add({ name: 'test' })
eruda.add(function (eruda) {
return {
name: 'test2',
init: function ($el) {
this._$el = $el
this._$el.html('This is the new plugin')
},
}
})
let Tool = eruda.Tool
eruda.add(
new (Tool.extend({
name: 'test3',
init: function ($el) {
this.callSuper(Tool, 'init', arguments)
this._$el.html('This is another new plugin')
},
}))()
)
})
addClickEvent('issue29', function () {
new Promise(function (resolve, reject) {
resolve()
}).then(function (res) {
let a = res.a
})
})
addClickEvent('issue31', function () {
addEventListener('resize', function () {})
})
addClickEvent('issue33', function () {
util.evalCss(':root {--test: 10px;}')
})
addClickEvent('trigger-error', function () {
triggerError()
})
addClickEvent('big-array', function () {
let arr = []
for (let i = 0; i < 10000; i++) {
arr.push(i)
}
console.log(arr)
})
addClickEvent('override-style', function () {
util.evalCss('.eruda-nav-bar {background: red !important;}')
})
addClickEvent('stringify-timing', function () {
console.time('stringify window')
eruda.util.stringifyAll(window)
console.timeEnd('stringify window')
})
addClickEvent('log', () => {
console.clear()
console.log('log')
console.warn('warn')
console.error(Error('test'))
console.info('info')
console.debug('debug')
console.dir(document.createElement('div'))
console.time('test')
console.timeEnd('test')
console.count('eruda')
console.count('eruda')
console.assert(true, 'assert msg')
var site1 = { name: 'Runoob', site: 'www.runoob.com' }
var site2 = { name: 'Google', site: 'www.google.com' }
var site3 = { name: 'Taobao', site: 'www.taobao.com' }
console.table([site1, site2, site3], ['site'])
console.log('%c Oh my heavens!', 'background: #222; color: #bada55')
console.log('This is the outer level')
console.group()
console.log('Level 2')
console.group()
console.log('Level 3')
console.warn('More of level 3')
console.groupEnd()
console.log('Back to level 2')
console.groupEnd()
console.log('Back to the outer level')
console.log(navigator)
console.log(location)
console.log(performance)
var arr = []
for (var i = 0; i < 10000; i++) arr.push(i)
console.log(arr)
})
addClickEvent('log-10000', () => {
for (let i = 0; i < 10000; i++) {
console.log(location, i)
}
})
addClickEvent('log-1000', () => {
for (let i = 0; i < 1000; i++) {
console.log(location, i)
}
})
</script>
<script>
eruda.init()
eruda.show()
</script>
</body>
</html>