最近在网站中瞎逛,突然发现了 BlackBird 这个东西,号称放弃 alert() 函数进行调试,进去看了一下,思路确实很不错,于是乎就考虑整合到 CMSPAD 中...
经过3个小时的研究加开发,终于把 BlackBird 整合进来了(俺不熟悉CSS,所以这部分照搬BlackBird的样式),不过由于大部分JavaScript代码都是重新开发的,故取名为 CMSPAD Console(JS名称为 cmspad.console),增加了不少功能,稍后再侃,先看看它怎么用吧。
1. 在CMSPAD的配置文件中增加一个常量用于确定使用 cmspad.console 包。
<?php // kernel/config.php
...
define('CMSPAD_DEBUG_CONSOLE', true);
...
?>
2. 在前台模板中直接使用 cmspad.console 包即可。
<{include "header"}>
<script>
var log = cmspad.console;
log.profile("test profile");
log.info("Hello World");
log.profile("test profile");
fdfdfdf; // 这里故意搞出个错误,看看它是否能捕获到。
</script>
<button type="button" onclick="cmspad.console.toggle()">打开/关闭调试窗口</button>
<{include "footer"}>
3. 在浏览器中打开该页面,会出现以下界面
IE界面
FF界面
那么大家好问了,cmspad.console 到底改进了哪些功能呢?
1. 增加了多语言支持,看到图图了没有?是全中文的。
2. 增加捕获所有未知异常的功能,“fdfdfdf”那个就是。
3. 为了兼容傲游(Maxthon),快捷键使用F9。
4. 内部代码使用现有的CMSPAD框架,简化了不少代码。
5. 自动加载相关CSS文件和图片,不用在代码中指定。
6. 可以使用 CMSPAD_DEBUG_CONSOLE 常量指定是否需要进行页面调试,如果没有指定该常量或者值为false,则系统会自动生成一个空的 cmspad.console 包,不输出任何内容,这样在网站正式发布时就不会让用户看到很多可怕的信息了。
从此以后,在CMSPAD下调试前台脚本就方便很多了。HOHO....
CMSPAD 项目地址:http://code.google.com/p/cmspad
Console 演示地址:http://www.cmspad.com/examples/console
- 大小: 18.9 KB
- 大小: 15.4 KB
分享到:
相关推荐
大部分都只是用php think test进行启动,但是对于想调试test控制器的中的逻辑,则没办法写参数,我看了源码,稍微改进一点点,可以用ide进行调试console
JavaScript调试器调试并不容易。 但幸运的是,所有现代浏览器都具有内置JavaScript调试器。 可以打开和关闭内置调试器,从而迫使错误报告给用户。 使用调试器,您还可以设置断点(可以停止执行代码的位置),并在...
网络设备console调试软件SecureCRT-6.2.0-Portable(交换机、路由器)
谷歌浏览器console调试,有了它,开发前端的速度可提升一倍以上谷歌浏览器console调试,有了它,开发前端的速度可提升一倍以上
写过前端Javascript代码的同学肯定不会对console对象感到陌生,在调试的过程中我们经常会用console对象在控制台输出一些常量或者变量。 但是相信很多人也就只用过console.log()这一个方法,今天我们就一起来看看...
js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...
loopback-console, 用于环回应用调试和管理的命令行 工具 环回控制台用于环回应用调试和管理的命令行工具。 是一个命令行工具,用于与你的应用程序交互。 它类似于内置的node,但在调试或者通常在你的应用环境中工作...
即使没有调试功能,也可以通过安装插件来进行补充。比如,老版本的Firefox没有自带调试工具,在这种情况下可以通过安装Firebug插件来添加调试功能。在具备调试功能的浏览器上,window对象中会注册一个名为console的...
嗯~,用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript断点设置和调试功能,也就是其中的 Sources Panel...
console-remote, 用于 node.js 和浏览器的远程 JavaScript Console.Re 连接器 ##Remote JavaScript Console.Re 连接器脚本用于高级日志记录,调试和测试###NEW 版本版本,更新你的NODEJS和CLI客户端。将日志。网络...
cisco 路由器console线和串口)线制作方法,不过最新路由器可以用USB线调试了
JICHIA京像console串口驱动JICHIA京像console串口驱动JICHIA京像console串口驱动
RJ45专用console驱动 Z特 PL2303通用版 里面包括windows linux 等等适配版本 USB To RJ45调试线console控制线_PL2303
Firebug内置一个console对象,提供5种方法,用来显示信息。 最简单的方法是console.log(),可以用来取代alert()或document.write()。比如,在网页脚本中使用console.log("Hello World")...
日常开发中经常会需要console来查看当前对象的值。当然用debugger会更全面的查看,但是...下面这篇文章主要给大家分享了关于JavaScript调试之console.log调试的一个小技巧,需要的朋友可以参考借鉴,下面来一起看看吧。
可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log ...
ConsoleCanvas 用console.log当画笔,用调试台当画板
控制台能够显示当前页面中的javascript错误以及警告,并提示出错的文件和行号,方便调试,这些错误提示比起浏览器本身提供的错误提示更加 详细且具有参考价值。而且在调试Ajax应用的时候也是特别有用,你能够在...
绿联console线驱动(多款线驱动)