console.log调试信息打印在屏幕上

2016年9月10日 由 Creater 留言 »

通过screenlog.js插件,我们不用打开浏览器的控制台,就可以在前台页面中看到这些调试信息,调试完毕直接移除这个插件即可,使用非常方便。

在页面中引入screenlog.min.js文件。然后通过下面的方法来初始化该插件。

screenLog.init();
	screenLog.log('String: Hello world');
	screenLog.log('Numbers: ' + 124);
	screenLog.log(21, 'multiple arguments');
	screenLog.log('Arrays', [1, 2, 3]);
	screenLog.log('Objects', JSON.stringify({a: 3}));
 
	console.log('console.log also gets logged.')
 
	var i = 15;
	function log() {
		console.log('Future log', Date.now());
		if (--i) { setTimeout(log, 1000); }
	}
	log();

在屏幕上显示的log信息。
github地址:https://github.com/chinchang/screenlog.js

广告位

发表评论

你必须 登陆 方可发表评论.