【HTML5与CSS3基础】开发者工具之Console

现在的浏览器往往都会有一个开发者工具用于帮助开发者构建更高效的网站。

开发者工具有一个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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值