style: indent 2 spaces
This commit is contained in:
340
test/manual.html
340
test/manual.html
@@ -1,187 +1,187 @@
|
||||
<!doctype 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>
|
||||
<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>
|
||||
<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>
|
||||
<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)
|
||||
function addClickEvent(id, listener)
|
||||
{
|
||||
document.getElementById(id).addEventListener('click', function (e)
|
||||
{
|
||||
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)
|
||||
{
|
||||
e.preventDefault();
|
||||
listener();
|
||||
}, false);
|
||||
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);
|
||||
}
|
||||
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);
|
||||
}
|
||||
});
|
||||
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();
|
||||
eruda.init();
|
||||
eruda.show();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user