js程序调试非常麻烦,一般用alert 输出一些中间结果,但是影响开发的效率。
以下是一个log debug的 公共函数,可以很方便 进行使用。
js 代码
- function log(message) {
- if (!log.window_ || log.window_.closed) {
- var win = window.open("", null, "width=400,height=200," +
- "scrollbars=yes,resizable=yes,status=no," +
- "location=no,menubar=no,toolbar=no");
- if (!win) return;
- var doc = win.document;
- doc.write("<html><head><title>Debug Log</title></head>" +
- "<body></body></html>");
- doc.close();
- log.window_ = win;
- }
- var logLine = log.window_.document.createElement("div");
- logLine.appendChild(log.window_.document.createTextNode(message));
- log.window_.document.body.appendChild(logLine);
- }
一个例子:
js 代码
- for (var i = 0; i < 10; i++) {
- log("This is log message #" + i);
- }
在实际开发过程中,可以把log函数改成一个空函数以便 不影响 运行。
分享到:
相关推荐
Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具,类似Log4J,但是比它简单很多,可以实现自定义日志输出级别、自定义日志输出方式等功能。 示例代码: // Usage: var mylog = Logger.get("app"); mylog...
如果利用系统日志的“另存为”功能手工备份,则比较麻烦,而且输出的日志难以实现格式化输出,微软的resource kit工具包中有一个免费的查看本地或远程日志的小工具dumpel.exe,利用它可以把日志存为文本文件以备后需...
可在软著申请时使用的代码文档整理输出工具,可选择多个特定目录,设置多类型文件,指定选择生成代码文档,可操作性很好,并且在生成word代码文档时,过滤了所有空白行和注释,过滤的注释类型涵盖mysql、java、php、...
Kingfishers是一个用javascript语言编写的,能够代替alert, 在浏览器中连续输出客户端javascript脚本运行日志的工具。 主要用于客户端脚本的分析和查错。
csdn上传的是一个老版本,有兴趣的朋友请去项目发布地址下载最新...Kingfishers是一个用javascript语言编写的,能够代替alert,在浏览器中连续输出客户端javascript脚本运行日志的工具,主要用于客户端脚本的分析和查错。
前端日志工具库,简单的api,可以通过配置不同的 level 和 appender 来输出日志
一种较大的浏览器自动化工具的简单替代方案,旨在使界面和初始设置尽可能简单:引入JavaScript,显示控制台日志。 Chrome中还支持浏览器屏幕截图,其他浏览器也很快对此提供了支持。 设计用于在台式机上运行UI测试...
我写了这个工具来满足两个需求: 我受够了必须从MySQL日志中读取原始数据我想为自己学习一些工具因此,该工具在各个地方使用了我以前从未使用过的以下工具: 车把GulpJS 西莱克斯要求PHP(我在v5.5上编写了此工具和...
logger2js是用原生态javascript语言编写的web页面js日志&调试工具箱 主要用于客户端脚本的分析和查错 工具提供了$alert函数来代替js固有的alert函数 除了能够指定字体颜色在控制台连续输出字符串信息以外 还...
这是一个简单的业余项目,通过修饰 angular $log 将适当的行号添加到日志输出中。 该项目可用于获取有关以下方面的一些基本知识: Angular.js 一些 node.js 工具,如npm install npm test 依赖注入 装饰模式 ...
用于查询和解析 Morgan 日志文件目录并以 CSV 格式输出结果的工具。 警告: 这个包没有自动测试。 虽然该包已达到其预期目的,但在添加测试之前,它应被视为 Alpha 产品。 希望不久将添加测试。 要求 节点 新产品...
该解析器允许将terraform plan的文本日志输出转换为更具机器可读性的JSON。 以下是一些建议的用例: 当检测到某些类型的更改时发送通知。 例如,如果修改了IAM策略,请与电子邮件安全团队联系。 在调用terraform ...
可以使用任何文本编辑工具编写 JavaScript 代码,然后由浏览器解释执行。 JavaScript常用于实现如下功能: |--控制文档的外观和内容; |--对浏览器的控制; |--与 HTML 表单的交互; |--与用户的交互; |--...
使用结构化日志进行端到端单元测试 该模块连接 TDD 工具 QUnit-like runner 和结构化 JSON 记录器 。 例子 // index.js // output structured JSON logging using bunyan log . debug ( 'message' , { foo : 'foo...
- 仅对JSON输出感兴趣的漂亮打印的用户使用JSON流 - 所有日志都印有时间戳。 - 实时错误通知和搜索能力 你可以在http://cloudhelpie.com上找到其他有用的开发工具 支持语言:English (United States)
只需在现有的 log4js 打印日志中添加几行代码即可使用自定义布局。 您可以自由添加进程,执行文件路径,跟踪功能,行号,列号,内存控制,端口号等。@data是打印内容的输出。 @data在布局之前和之后的布局可以增加...
在使用Taro+Mobx开发小程序的时候,对于Mobx中状态的调试特别的不方便,所以借鉴redux-logger和mobx-logger,在了解了Mobx的基本用法之后,写了这么一个工具,方便使用Taro+Mobx的小伙伴能够愉快的在小程序的控制台...
内存数据库该存储库包含一系列工具,用于... 如果您按顺序运行它们,则需要发生的是: memtracker 会将日志记录输出到标准输出。 将此输出重定向到一个文件,比如 log.txt。 (有关示例,请参见 scripts/memtracker.sh
Cacti是一款基于PHP、MySQL、SNMP及RRDTool开发的网络流量监测图形分析工具,通过snmpget来获取数据,使用RRDtool绘画图形,提供了非常强大的数据和用户管理功能。 Cacti 1.2.2 更新日志:2019-02-24 问题#599:...
APICloud 为 Atom 编辑器推出的开发工具包...包含新建应用模板,页面模板,WiFi 真机同步,流式日志输出等核心功能。 安装 Atom编辑器中,搜索并安装 package: apicloud 特性 支持 Mac/Windows/Linux等主流操作系统;