【HTML5与CSS3基础】开发者工具之Console
来源:互联网 发布:传智播客java视频全套 编辑:程序博客网 时间:2024/05/03 16:21
现在的浏览器往往都会有一个开发者工具用于帮助开发者构建更高效的网站。
开发者工具有一个Console窗口(控制台窗口)用于输出一些调试信息,有了这个工具就总算是可以告别使用alert来调试JavaScript了。而且Console的功能远远不只是输出一下现在运行到哪了这样的简单的信息,它还可以识别不同种类的信息并且提供对应代码的超链接。
开发者工具是通过把一个名为console的对象加载到全局名称空间中,使用这个对象就可以将应用程序内部的工作信息输出到Console控制台。下面是7个console对象的方法,方法功能在注释里介绍:
<!DOCTYPE html><html> <head> <meta content="text/html; charset=gbk" http-equiv="content-type"> <title>console.log</title> </head> <body> <script> console.log("test-log"); //向控制台输出一条信息 console.debug("test-debug"); //输出信息,并会有一个超链接链接到代码 console.info("test-info"); //输出一个信息的图标和信息 console.warn("test-warn"); //输出一个警告的图标和警告信息 console.error("test-error"); //输出一个错误的图标和错误信息 console.assert(3<2); //断言错误会在控制台显示,正确则不会显示 //console.clear(); //清除控制台信息 </script> </body></html>
1 0
- 【HTML5与CSS3基础】开发者工具之Console
- chrome开发者工具console
- HTML+CSS3-》第3阶段:HTML5之CSS3基础与加强 上
- htML+CSS3-》第3阶段:HTML5之CSS3基础与加强 中
- htML+CSS3-》第3阶段:HTML5之CSS3基础与加强 下
- Chrome开发者工具之:Elements、Console、Sources面板
- 【HTML5与CSS3基础】HTML5本地存储 Web Storage
- html基础学习之--html5与css3权威指南--第一二章读书笔记
- html5 css3基础知识点
- html5+css3 基础
- HTML5+CSS3基础
- 【HTML5与CSS3基础】选择器querySelector和querySelectorAll
- ie的开发者工具(Console Debugging API )
- chrome开发者工具中console的用途
- 《HTML5与CSS3实例教程》
- CSS3与HTML5收集
- HTML5与CSS3
- html5与css3随笔
- 看懂SqlServer查询计划
- 每天进步一点点——五分钟理解一致性哈希算法(consistent hashing)
- 第4题
- 电脑打字时,字旁边这个闪的竖杠,特别粗解决方法Insert
- 原型【六】原型对象的常用开发模式
- 【HTML5与CSS3基础】开发者工具之Console
- Unix 进程通信初学《简介篇》
- House Robber
- [转发]SSLstrip 中间人欺骗Https转Http获取密码
- 数组中只出现一次的数
- Flash Media Server 心得之一
- 期望的一个性质---可加性
- 解决ASP.NET中的各种乱码问题
- 密码 HDU 2043