`
hqman
  • 浏览: 361842 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

javascript中日志输出工具

JavaScriptHTML 
阅读更多
         js程序调试非常麻烦，一般用alert 输出一些中间结果，但是影响开发的效率。
以下是一个log debug的 公共函数，可以很方便 进行使用。
js 代码
 
  1. function log(message) {  
  2.     if (!log.window_ || log.window_.closed) {  
  3.         var win = window.open("", null, "width=400,height=200," +  
  4.                               "scrollbars=yes,resizable=yes,status=no," +  
  5.                               "location=no,menubar=no,toolbar=no");  
  6.         if (!win) return;  
  7.         var doc = win.document;  
  8.         doc.write("<html><head><title>Debug Log</title></head>" +  
  9.                   "<body></body></html>");  
  10.         doc.close();  
  11.         log.window_ = win;  
  12.     }  
  13.     var logLine = log.window_.document.createElement("div");  
  14.     logLine.appendChild(log.window_.document.createTextNode(message));  
  15.     log.window_.document.body.appendChild(logLine);  
  16. }  

一个例子：
js 代码
 
  1. for (var i = 0; i < 10; i++) {  
  2.     log("This is log message #" + i);  
  3. }  
在实际开发过程中，可以把log函数改成一个空函数以便 不影响 运行。
分享到：
| 转:思考微内核
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Javascript日志输出管理工具Log4Jse.zip

    Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具，类似Log4J，但是比它简单很多，可以实现自定义日志输出级别、自定义日志输出方式等功能。 示例代码： // Usage: var mylog = Logger.get("app"); mylog...

    JavaScript日志工具介绍

    在你提供的博客链接中，作者可能分享了更多关于JavaScript日志工具的实战经验，包括如何在实际项目中应用这些工具以及一些实用技巧。通过学习这些内容，你将能够更有效地利用JavaScript日志工具来提升开发效率和代码...

    WINDOWS系统日志导出工具及使用方法

    如果利用系统日志的“另存为”功能手工备份，则比较麻烦，而且输出的日志难以实现格式化输出，微软的resource kit工具包中有一个免费的查看本地或远程日志的小工具dumpel.exe,利用它可以把日志存为文本文件以备后需...

    将Logback日志输出到websocket

    标题中的“将Logback日志输出到websocket”指的是利用Logback这一强大的日志框架，结合WebSocket技术，实现实时的日志传输。Logback是Java世界中广泛使用的日志记录工具，它提供了高效的日志记录功能，而WebSocket则...

    Node.js-Signale是一个优雅漂亮的控制台日志输出工具

    Signale 就是一个专为 Node.js 设计的控制台日志输出工具，它提供了美观且可自定义的输出样式，使得日志信息更加易读、易理解。 Signale 的主要特点在于其灵活性和可扩展性。它允许开发者通过简单的配置就能定制出...

    log美化控制台日志输出

    在JavaScript开发过程中，控制台日志输出是调试和理解代码运行状态的重要手段。"log美化控制台日志输出"这个主题关注的是如何让这些日志更易于阅读、理解和分析，从而提升开发效率。通常，这涉及到对日志的格式化、...

    Logr:一个可配置的 JavaScript 日志工具！

    虽然日志记录有助于调试，但过度的日志输出可能会影响性能。在生产环境中，明智地选择日志级别并合理配置日志处理器至关重要，以确保日志系统既不影响应用性能，又能提供必要的信息。 ### 8. 结合实际项目 在实际...

    log4javascript-1.4.1 日志信息记录框架

    **log4javascript-1.4.1：日志信息记录框架**...总的来说，log4javascript-1.4.1 是一个强大的JavaScript日志记录工具，它简化了Web应用的错误追踪和调试过程，提高了开发效率，并且提供了一套完整的日志管理解决方案。

    Logtown一个JavaScript的简单日志Facade

    通过设置级别，可以过滤掉不需要的信息，只显示重要级别的日志，这对于在生产环境中控制日志输出的规模非常有用。 3. **插件扩展**：由于Logtown采用Facade模式，它可以轻松地添加新的日志处理插件。这意味着如果你...

    autojs日志悬浮窗-1.0.10.zip

    在开发和测试过程中，日志输出对于定位问题、理解代码运行状态至关重要。1.0.10版本可能意味着这是该功能的一个更新，通常包含错误修复、性能提升或新功能的添加。 AutoJS的核心是JavaScript引擎，它支持ES6语法，...

    javascript-logger工具 - Kingfishers

    1. **多级日志记录**：该工具支持不同级别的日志输出，如`DEBUG`、`INFO`、`WARN`和`ERROR`，这使得开发者可以根据需要选择显示哪些级别的信息，避免信息过载。 2. **颜色编码**：不同级别的日志通常会用不同的颜色...

    log4javascript-1.3.1

    `log4javascript`是基于JavaScript的日志记录框架，它提供了一套完整的解决方案，包括各种日志级别（如DEBUG、INFO、WARN、ERROR和FATAL），以及灵活的日志输出方式。通过使用该库，开发者可以在控制台、文件、...

    24、JavaScript错误处理与调试工具

    然而，如同任何编程语言，JavaScript在编写过程中难免会出现错误，这时就需要错误处理和调试工具来帮助我们定位问题，解决问题。本篇将深入探讨JavaScript错误处理和调试工具的重要知识点。 首先，我们要了解...

    使用日志API方法输出警告日志信息.zip

    `StreamHandler`处理程序将日志输出到控制台，最后`logger.warning()`用于生成警告日志。 通过这样的日志API，开发者可以在遇到潜在问题时得到及时的反馈，而无需等到错误发生。这种能力有助于提高软件的可靠性和...

    自主研发的软著申请代码文档整理输出工具

    可在软著申请时使用的代码文档整理输出工具，可选择多个特定目录，设置多类型文件，指定选择生成代码文档，可操作性很好，并且在生成word代码文档时，过滤了所有空白行和注释，过滤的注释类型涵盖mysql、java、php、...

    logjs前端日志工具提供简易的API可以通过配置level和appender来输出日志

    Appender是日志输出的目标，它可以是控制台、文件、数据库或其他任何可以接收日志的地方。logjs允许开发者自定义appender，以适应不同场景下的日志存储需求。例如，你可以设置一个appender将日志写入本地文件，便于...

    基于TypeScript开发，适用于Nodejs/Browser的通用日志输出库

    【标题】中的“基于TypeScript开发，适用于Nodejs/Browser的通用日志输出库”意味着这个日志库是使用TypeScript编程语言构建的，旨在提供跨平台兼容性，既能在Node.js环境中运行，也能在浏览器环境下工作。...

    javascript的调试工具

    控制台是调试时另一个重要的工具，可以用来输入和执行JavaScript代码，查看表达式的值，以及接收来自代码的输出信息。此外，还可以利用控制台进行日志记录，帮助追踪代码执行过程。 **网络面板** 在优化网站性能时...

    javascript调试工具.rar

    3. **日志记录与控制台**：JavaScript控制台允许开发者打印输出变量值、警告和错误信息，有助于追踪代码执行过程。通过控制台，还可以直接运行JavaScript代码，进行快速测试。 4. **性能分析**：内置的性能分析工具...

    fastify框架的logger日志工具

    默认情况下，`fastify-logger`会将日志输出到控制台。但你可以通过配置`stream`选项，将日志发送到文件、网络或其他日志系统。例如，如果你想要将日志写入文件，可以这样配置： ```javascript fastify.register...

Magicbox
Global site tag (gtag.js) - Google Analytics