ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

控制台API代码片段(Java)

Michael Kühnel 全部

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

说明文件

源代码
raw.githubusercontent.com

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”文件夹复制到您的机器上的包文件夹。

使用方法

  1. 只需键入“console”然后按下“Tab”键(⇥)
  2. 使用光标选择提供的任何控制台方法
  3. 按下“Return”键(↵)
  4. 使用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)

版本 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)