将console.log控制台信息在页面上打印出来

所属分类:其他-杂项,独立的部件

 39085  358  查看评论 (1)
分享到微信朋友圈
X
将console.log控制台信息在页面上打印出来 ie兼容11

通过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信息。


相关插件-杂项,独立的部件

canvas画板实验

签名画板生成图片
  杂项
 34874  391

jQuery步骤条进度条插件setStep.js

一款简单额步骤条,可点击 也可按钮控制。
  杂项
 54993  377

在线PDF预览插件PDFObject.js

PDFObject.js,是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
  杂项
 247543  578

jQuery答题试卷并且评分

jQuery实现的测试答题功能
  杂项
 37603  412

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    seny 0
    2016/9/26 14:09:58
    移植过来,后台报错,Uncaught TypeError: Cannot call method 'appendChild' of null 不知道是不是ifram框架的原因 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复