pretty textarea

ft · ft · commit f26f7a583305 · 2015-01-31T11:35:32.000+08:00
diff --git a/debug.js b/debug.js
@@ -72,10 +72,9 @@ exports.init = function(key) {
 		enable(res[1])
 		var doc = document
 		var elem = doc.createElement('textarea')
-		elem.style.cssText = 'width:100%;height:300px;overflow:auto;line-height:1.4;background:#333;color:#fff'
+		elem.style.cssText = 'width:100%;height:300px;overflow:auto;line-height:1.4;background:#333;color:#fff;font:16px Consolas;border:none'
 		var box = doc.body || doc.documentElement
 		box.insertBefore(elem, box.firstChild)
-
 		exports.log = function(namespace, arr, color) {
 			var ret = ['[' + namespace + ']']
 			var len = arr.length
@@ -89,6 +88,7 @@ exports.init = function(key) {
 				ret.push(val)
 			}
 			elem.value += ret.join(' ') + '\n'
+			elem.scrollTop = elem.scrollHeight
 		}
 
 	} else if (global.localStorage && console) {
diff --git a/dist/debug.js b/dist/debug.js
@@ -78,10 +78,9 @@ exports.init = function(key) {
 		enable(res[1])
 		var doc = document
 		var elem = doc.createElement('textarea')
-		elem.style.cssText = 'width:100%;height:300px;overflow:auto;line-height:1.4;background:#333;color:#fff'
+		elem.style.cssText = 'width:100%;height:300px;overflow:auto;line-height:1.4;background:#333;color:#fff;font:16px Consolas;border:none'
 		var box = doc.body || doc.documentElement
 		box.insertBefore(elem, box.firstChild)
-
 		exports.log = function(namespace, arr, color) {
 			var ret = ['[' + namespace + ']']
 			var len = arr.length
@@ -95,6 +94,7 @@ exports.init = function(key) {
 				ret.push(val)
 			}
 			elem.value += ret.join(' ') + '\n'
+			elem.scrollTop = elem.scrollHeight
 		}
 
 	} else if (global.localStorage && console) {
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
 	<style>
 	* {
 		margin: 0;
+		padding: 0;
 	}
 	h1 {
 		margin-top: 30px;
@@ -22,13 +23,18 @@
 	var b = debug('worker:b')
 	a('init')
 	b('init')
-	setInterval(function(){
+	var timer1 = setInterval(function(){
 		a('log some number', 1024)
 	}, 1000)
 
-	setInterval(function(){
+	var timer2 = setInterval(function(){
 		b('log some object', {foo: 'bar'})
 	}, 1200)
+
+	setTimeout(function() {
+		clearInterval(timer1)
+		clearInterval(timer2)
+	}, 15 * 1000)
 	</script>
 </body>
 </html>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "min-debug",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "description": "Debug for browser in console or display on page",
   "main": "debug.js",
   "directories": {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "min-debug",`
`3`		`- "version": "1.2.2",`
	`3`	`+ "version": "1.2.3",`
`4`	`4`	`"description": "Debug for browser in console or display on page",`
`5`	`5`	`"main": "debug.js",`
`6`	`6`	`"directories": {`