`

手写js日志输出到浏览器控制台

    博客分类:
  • Web
阅读更多

     有时候alert()调试感觉有点不好用,特别是在项目运行后保留一些调试,如果保留alert是不现实的。。当然如果想做到像Java 中的log4j那样的效果的话就只能使用js插件了( Log4JS,Lumberjack),这里只是简单的手写一个可以记录一些日志到浏览器的调试控制台的代码

    

_debug:function(message, stacktrace) {
	var written = false;
	try {
		if (window.console) {
			if (stacktrace && window.console.trace)
				window.console.trace();
			window.console.log(message);
			written = true;
		} else if (window.opera && window.opera.postError) {
			window.opera.postError(message);
			written = true;
		}
	} catch (ex) { 
		/* ignore */
	}
	if (!written) {
	    //如果浏览器不支持的话,只能找个地方输出了。
		var debug = document.getElementById("debug");
		if (debug) {
			var contents = message + "<br/>" + debug.innerHTML;
			if (contents.length > 2048)
				contents = contents.substring(0, 2048);
			debug.innerHTML = contents;
		}
	}

}

   

分享到:
评论

相关推荐

    浏览器手写输入汉字

    总的来说,浏览器手写输入汉字是一项结合了前端开发、浏览器兼容性和输入法API的应用技术,它使得用户在网页上也能享受到便捷的手写输入体验。在实际开发中,开发者需要关注代码的跨浏览器兼容性,合理运用API,并...

    浏览器js手写汉字

    "浏览器js手写汉字"这个主题涉及到的是如何利用JavaScript技术在浏览器环境中实现手写汉字的功能,同时考虑到跨浏览器兼容性,包括对Internet Explorer(IE)、Mozilla Firefox、Google Chrome以及360浏览器的支持。...

    javascript 手写电子签名

    JavaScript手写电子签名技术是一种在Web应用中实现用户签名功能的方法,它允许用户通过鼠标或触摸设备在屏幕上绘制签名,并将其保存为图像。这一技术在电子商务、在线合同签署等领域广泛应用,提高了业务流程的效率...

    手写签名js插件

    手写签名JS插件是一种基于JavaScript技术实现的交互式组件,专为电子设备(包括PC和移动设备)设计,提供用户在屏幕上进行手写签名的功能。这种插件在电子合同平台中尤为常见,因为它们能够方便用户在无纸化环境中...

    js实现的带笔锋手写签名

    "js实现的带笔锋手写签名"是一个基于JavaScript技术,用于实现用户在Web页面上进行真实感的手写签名的功能。这个功能通常由HTML5提供支持,特别是其Canvas API,它允许我们在网页上进行动态图形绘制。 1. **...

    JS实现的手写输入

    总结,JS实现的手写输入是一个综合性的项目,涉及到Canvas绘图、事件处理、第三方API集成、字体识别、多语言支持以及性能优化等多个方面。开发者需要具备扎实的JavaScript基础,了解HTML5相关特性,并熟悉相关API的...

    安卓手写平板的PDF浏览器,完美手写批注

    打开PDF文件快,功能强大,原笔手写批注。支持联想,HTC jetstream,三星等。

    js手写输入在线搜索rar

    【标题】"js手写输入在线搜索rar" 涉及的主要知识点是JavaScript(JS)在实现手写输入和在线搜索功能方面的应用。这通常包括交互式用户界面的设计、事件处理、图像处理以及可能的数据存储和检索。 【描述】中的...

    原生js 表单搜索text文本框支持手写输入法

    1. 第三方库:利用第三方库如IME.js、Handwriting.js等,它们提供了手写输入的接口,可以通过JavaScript调用并接收用户的手写输入。 2. Web组件:使用Web Components技术封装手写输入组件,与原生表单结合使用。...

    采用jdk实现的日志框架

    `Handler`类处理日志消息,如将它们写入文件或发送到控制台。`Filter`类则允许根据特定条件过滤日志消息,而`Formatter`类决定了日志消息的输出格式。 虽然JDK的内置日志框架提供了基础的日志功能,但其灵活性和可...

    AJAX实例-手写js

    ### AJAX实例-手写JS详解 #### 一、引言 AJAX(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换来实现这一功能。本篇...

    支持异步加载的纯手写的js树

    本人手写的一款js树形控件,附带图片,代码简洁,注释齐全,可读性高,易于维护,方便移植,结构清晰,思路明了,界面美观,同时支持异步加载...试问,你拥有了自己的手写js树之后,你还会对jquery或ext的树感兴趣吗?

    linux系统中c++写日志文件功能分享

    同时,将日志保存到文件而不是仅输出到控制台,也有利于在无人值守的情况下收集错误信息。 总结来说,这个C++日志系统在Linux环境下的实现简化了glog的复杂性,保留了基本的日志写入功能,并提供了易于使用的接口。...

    手写输入JS文件源码

    6. **优化与性能**:考虑到JavaScript在浏览器中的执行环境,性能优化是必不可少的。例如,限制实时识别的频率、使用requestAnimationFrame进行动画绘制、减少不必要的计算等。 在这个名为"codefans.net"的压缩包...

    简单完整手写动画js

    【标题】"简单完整手写动画js" 涉及的知识点主要集中在JavaScript(js)编程语言上,尤其是关于创建动态效果和动画的部分。在Web开发中,JavaScript是一种不可或缺的客户端脚本语言,用于实现页面的交互性和动态功能...

    手写js轮播图.zip

    总之,手写JavaScript轮播图涉及到HTML布局、CSS样式以及JavaScript事件处理和DOM操作。通过实践,你可以更深入地理解这些基本概念,同时提升前端开发技能。在不断迭代和优化中,你的轮播图将更加完善,提供更好的...

    基于BP神经网络的手写数字识别系统,Matlab

    模型训练则是通过已知的手写数字样本调整网络权重,使其能准确映射输入特征到相应的数字类别。最后,手写识别阶段,系统将应用训练好的模型对手写输入进行分类,输出识别结果。 标签中的“神经网络”和“BP网络”是...

    PHP+JS+jSignature在线手写电子签名实例

    在这个技术实例中,我们将探讨如何使用PHP、JavaScript(JS)和jSignature库来实现一个在线手写电子签名的功能。jSignature是一个轻量级的JavaScript库,它允许用户在网页上进行手写签名,非常适合于电子商务、合同...

    百度网页手写输入法

    “百度网页手写输入法”的hwInput.js文件就是用JavaScript编写的,它处理用户的手写输入事件,识别手写轨迹,并将其转化为文本。此外,JavaScript还负责管理多个输入框之间的交互逻辑,确保用户在不同输入框间流畅地...

    jSignature 在网页上手写签名的插件(html5手写签名)

    在IE7~IE8这种不支持HTML5的浏览器上,是利用Flash嵌入的方式实现的签名处理,在支持的HTML5的浏览器上默认采用canvas标签处理签名,可以生成 PNG格式、SVG格式的签名图片。非常适合在IPAD等移动客户端上实现手写...

Global site tag (gtag.js) - Google Analytics