控制台API代码片段(Java)
Sublime Text的JavaScript控制台API代码片段
详细信息
安装
- 总计 25K
- Win 17K
- Mac 5K
- Linux 3K
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 3 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 1 | 0 | 0 | 2 | 1 | 0 | 0 |
Mac | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
说明文件
Sublime Text的JavaScript控制台API代码片段
这是一个Sublime Text 2包,包含了一组便于在浏览器中使用的各种控制台API代码片段,无论是Firebug还是其他Web数据检查工具。
安装
使用包控制
如果您已经安装了包控制,您可以从Sublime Text中直接安装控制台API代码片段。打开命令面板,选择“包控制:安装包”,然后搜索“控制台API代码片段”。
这很简单 ; ]
……如果您仍需要帮助,请查看这个视频。
不使用包控制
如果您还没有安装包控制(真的,去安装它!)您需要将此仓库的副本放入您的包文件夹中,如下所示
git clone https://github.com/mischah/Console-API-Snippets.git Console-API-Snippets
包文件夹位于这里
- Windows:%APPDATA%\Sublime Text 2\Packages
- OS X:~/Library/Application Support/Sublime Text 2/Packages
- Linux:~/.Sublime Text 2/Packages
- 便携式安装:Sublime Text 2/Data/Packages
……如果您仍需要帮助,请查看这个视频。
或者直接从此处的GitHub下载包,并将“Console-API-Snippets”文件夹复制到您的机器上的包文件夹。
使用方法
- 只需键入“console”然后按下“Tab”键(⇥)
- 使用光标选择提供的任何控制台方法
- 按下“Return”键(↵)
- 使用Tab键在占位符之间跳转,根据需要替换它们
您还可以通过打开命令面板(cmd ⌘ + shift ⇧ + P)并开始输入”console.time“,然后选择”代码片段:console.time()“来在现有代码周围包裹console.time()和console.timeEnd()。
关于控制台API
您可以查看”Firebug和日志记录“以了解不同控制台方法的有用性。或者查看Paul Irish的演示视频”成为JavaScript控制台高手“。
我提供的代码片段基于Firebug的控制台对象。有关详细信息,请参阅Firebug控制台API。
您还可以查看这些教程
不同的浏览器,不同的能力
控制台API的实现因浏览器而异。
当涉及到Chrome、Firefox、Safari和Opera等现代浏览器时,您不必担心。我对IE9和IE10并不是很确定,但特别是旧版Internet Explorer在控制台方法方面有所欠缺。
因此,您需要一个”控制台修复“类型,以防止浏览器因为未知的方法而抛出错误。
基本的控制台修复
完成这个任务的最简单方法是包括下面这样一个小的代码片段,在其中您可以将缺少的方法定义为”空“方法,以防止出现错误。
if (!window.console) {
window.console = {
log : function (event) {},
info : function (event) {},
warn : function (event) {},
error : function (event) {}
};
}
更高级的控制台修复
Mike Wilcox有一个更高级的方法。请参阅”JavaScript控制台修复V2“。
最后一点
您应该避免将控制台输出部署到您的生产服务器。
如果您正在使用UglifyJS,请使用压缩器选项drop_console
以清除代码中的控制台内容。
作者
Michael Kühnel ⤳ Interweb
许可证
使用它,修改它,分支它,出售它。您想做什么都可以,但请保留作者署名。
版本历史
版本 1.0 (10-10-2012)
- 初始发布
版本 1.0.1 (10-22-2012)
- 添加CoffeeScript支持。感谢Allen Bargi
版本 1.0.2 (11-22-2012)
- 修复readme和github页面中的错别字
- 将”成为JavaScript控制台高手“演示视频添加到readme和github页面
版本 1.0.3 (09-08-2013)
- 添加了console.time包装器,允许您将console.time语句包裹在所选代码周围。感谢Joe Maller
版本 1.0.4 (11-10-2014)
- 简化了console.time包装器。感谢PSeitz。
版本 1.0.5 (08-03-2015)
- 改进了制表符功能。感谢gaboesquivel。