开发者社区> 异步社区> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

《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;
  }
}

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

相关文章
快速开发基于 HTML5 网络拓扑图应用--入门篇(一)
计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网络的拓扑结构。网络的拓扑结构反映出网中各实体的结构关系,是建设计算机网络的第一步,是实现各种网络协议的基础,它对网络的性能,系统的可靠性与通信费用都有重大影响。
2024 0
快速开发基于 HTML5 网络拓扑图应用--入门篇(二)
上一篇我们绘制了一个 graphView 场景,在场景之上通过 graphView.dm() 获取数据容器,并通过 graphView.dm().add() 函数添加了两个 Node 节点,并通过 setPosition 设置节点位置以及 setImage 给节点添加图片;接着在两个节点之间通过 ht.Edge(sourceNode, targetNode) 添加了两条连线(实际上还可以更多),并给连线添加了 label 标签显示文字,同时也通过 label.position 设置了文字在连线上的位置。
1516 0
HTML5实践 -- 如何使用css创建三角形,使用CSS3创建3d四面体
  今天读了篇关于如何使用css3创建3d四面体的文章,觉的相当不错,所以拿出来和大家分享一下。原文地址:http://www.paulrhayes.com/2010-10/css-tetrahedron/。
1061 0
HTML5实践 -- 使用CSS 实现弹性视频
  转载请注明原文地址:http://www.cnblogs.com/softlover/archive/2012/11/25/2787558.html     当我编码Elemin Theme(我最近设计的一个响应式的站点)的时候,我遇到的一个跳帧就是,如何能让嵌入式的视频在尺寸变化上变得更加灵活。
1077 0
HTML5实践 -- 使用css装饰你的图片画廊 - part2
  转载请注明原创地址:http://www.cnblogs.com/softlover/archive/2012/11/20/2779893.html     在上一讲中,我们的解决方案使用到了jquery去创建一个span标签。
1119 0
HTML5实践 -- 使用css装饰你的图片画廊
  转载请注明原创地址:http://www.cnblogs.com/softlover/archive/2012/11/20/2779890.html     本节课我们将介绍,如何使用css在不修改图片源的前提下装饰你的图片画廊。
1046 0
HTML5实践 -- 使用css制作时间 ICON
  最近我在重新设计自己的博客站点,决定用一个日历样式的icon显示时间。以前的解决方案一般是用背景图片,感谢css3,现在我们用css3就能实现这样的功能。我将会用到一些linear-gradients, border radius 和 box shadow这些属性来代替以前的photoshop设计。
975 0
+关注
异步社区
异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
天猫 HTML5 互动技术实践
立即下载
FLINK在大规模实时无效广告流量检测中的应用
立即下载
《企业全面上云成功路径与实践》
立即下载