《HTML5 canvas开发详解(第2版)》——1.7 用console.log调试-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

《HTML5 canvas开发详解(第2版)》——1.7 用console.log调试

简介:

本节书摘来自异步社区《HTML5 canvas开发详解(第2版)》一书中的第1章,第1.7节,作者: 【美】Steve Fulton , Jeff Fulton 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.7 用console.log调试

在超越“Hello World!”去探索更强大更丰富的内容前,还有些内容需要讨论。本书通过使用现代Web浏览器的console.log功能实现了一个简单的调试方法。这个函数可以通过代码在JavaScript控制台中记录文本信息日志,从而可以帮助用户找出问题(或者机会)。每个浏览器都有一个可以使用console.log的JavaScript控制台(Chrome、Opera、Safari、安装Firebug的Firefox等)。同时,那些不支持console.log的浏览器将弹出讨厌的错误提示。

为了处理这个错误,可以用一个外壳将console.log包装一下,使其只在浏览器支持的情况下被调用。这个外壳创建了一个名叫Debugger的类,然后创建一个在任何位置都可以被调用的Debugger.log静态函数,如下所示。

Debugger.log("Drawing Canvas");

以下是console.log()函数的代码。

var Debugger = function (){ };
Debugger.log = function (message){
  try {
   console.log(message);
  } catch (exception){
   return;
  }
}

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享: