控制台API代码片段（JavaScript）
Sublime Text的JavaScript控制台API代码片段
详情
安装
- 总计 25K
- Windows 17K
- Mac 5K
- Linux 3K
| 8月7日 | 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日 | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Windows | 1 | 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 |
| Mac | 0 | 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 |
| Linux | 0 | 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 |
Readme
Sublime Text的JavaScript控制台API代码片段
这是一个Sublime Text 2软件包，包含了一组用于在浏览器中使用Firebug或其他网页检查工具的Console API的实用代码片段。
安装
使用包控制
如果您已经安装了包控制软件包，您可以从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
…如果您仍需要帮助，请查看此视频。
或者直接从这里下载页面下载软件包，并将“Console-API-Snippets”文件夹复制到您计算机上的包文件夹中。
使用方法
- 只需输入“console”并按“Tab”键（⇥）
- 使用您的光标选择提供的控制台方法之一
- 按“Enter”键（↵）
- 使用Tab键逐个跳转到占位符，并根据需要替换它们
您还可以通过打开命令面板（cmd ⌘ + shift ⇧ + P），开始输入”console.time“，然后选择”片段: console.time()“，来将console.time()和console.timeEnd()包裹在现有代码中。
关于Console API
您可以参考”Firebug和日志记录“以了解不同的console方法如何有用。或者查看Paul Irish的演示视频”成为JavaScript控制台高手“。
我提供的片段基于Firebug的console对象。详细信息请参阅Firebug Console API。
您还可以查看这些教程
不同浏览器，不同的能力
Console API的实现因浏览器而异。
对于现代浏览器如Chrome、Firefox、Safari和Opera，您无需担心。至于IE9和IE10，尤其是旧版本的Internet Explorer，缺乏console方法。
因此，您需要一个“Console Fix”来防止浏览器因为未知方法而抛出错误。
基本console修复
实现这个的最简单方法是包含一个如下的小片断，您可以在其中定义缺少的方法作为”空的“方法来防止错误。
if (!window.console) {
window.console = {
log : function (event) {},
info : function (event) {},
warn : function (event) {},
error : function (event) {}
};
}
更高级的console修复
Mike Wilcox有一个更高级的方法。请参阅”JavaScript Console Fix V2“。
最后一点
您应该避免将控制台输出部署到生产服务器。
如果您使用UglifyJS，请使用压缩选项drop_console从代码中删除控制台内容。
作者
Michael Kühnel ⤳ Interweb
许可证
使用、修改、分叉、销售它。您随意，但请保留作者署名。
版本历史
版本 1.0（2012年10月10日）
- 初始版本
版本 1.0.1（2012年10月22日）
- 增加CoffeeScript支持。感谢Allen Bargi。
版本 1.0.2（2012年11月22日）
- 修复readme和github页面的错别字。
- 在readme和github页面上添加视频”成为JavaScript控制台高手“。
版本 1.0.3（2013年9月8日）
- 增加console.time包装器，让您将console.time语句包裹在所选代码周围。感谢Joe Maller。
版本 1.0.4（2014年11月10日）
- 简化console.time包装器。感谢PSeitz。
版本 1.0.5（2015年8月3日）
- 改进制表符功能。感谢gaboesquivel。