facePrint.js
2.5 KB
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
// Just for temporarily mobile debug.
(function () {
var infoDom;
var msgs = [];
var count = 0;
/**
* @param {string|Object|Array} msg
*/
window.facePrint = function () {
if (!infoDom) {
infoDom = createInfoDom();
}
var msg = [];
for (var i = 0; i < arguments.length; i++) {
var item = arguments[i];
if (isObject(item)) {
item = window.facePrint.objToStr(item);
}
msg.push(item);
}
msg = msg.join('\t');
msgs.push(encodeHTML(msg));
count++;
if (msgs.length > 30) {
msgs.shift();
}
var str = '';
// Make some change in view, otherwise user may
// be not aware that log is still printing.
for (var i = 0; i < msgs.length; i++) {
str += '<span style="background:#555;margin: 0 3px;padding: 0 2px;color:yellow;">'
+ (count - msgs.length + i) + '</span>' + msgs[i] + '<br />';
}
infoDom.innerHTML = str;
console.log.apply(console, arguments);
};
window.facePrint.objToStr = function (obj) {
var msgArr = [];
for (var key in obj) {
msgArr.push(key + '=' + obj[key]);
}
return msgArr.join(', ');
};
function createInfoDom() {
var dom = document.createElement('div');
dom.style.cssText = [
'position: fixed',
'top: 0',
'max-width: 300px',
'min-width: 150px',
'min-height: 14px',
'line-height: 14px',
'z-index: 2147483647',
'color: #fff',
'font-size: 9px',
'background: rgba(0,0,0,0.3)',
'word-break:break-all',
'word-wrap:break-word'
].join(';') + ';';
document.body.appendChild(dom);
return dom;
}
function encodeHTML(source) {
return source == null
? ''
: String(source)
.replace(/&/g, '&')
.replace(/</g, '<')
.replace(/>/g, '>')
.replace(/"/g, '"')
.replace(/'/g, ''');
}
function isObject(value) {
// Avoid a V8 JIT bug in Chrome 19-20.
// See https://code.google.com/p/v8/issues/detail?id=2291 for more details.
var type = typeof value;
return type === 'function' || (!!value && type == 'object');
}
})();