前端常识

您所在的位置:网站首页 raz打印方法 前端常识

前端常识

2023-05-27 09:48| 来源: 网络整理| 查看: 265

    Console 对象提供了浏览器控制台调试的接口(如:Firefox 的 Web Console)。在不同浏览器上它的工作方式可能不一样,但通常都会提供一套共性的功能。

    Console 对象可以从任何全局对象中访问到,如 浏览器作用域上的 Window,以及通过属性控制台作为 workers 中的特定变体的 WorkerGlobalScope。可以通过 Window.console 引用,也可以简单的通过 console 引用。例:

console.log("Failed to open the specified link")

       本页面记录了 Console 对象上的方法并给出了几个 Usage (用例)。

       PS: 此特性在 Web Worker 中可用

       PS: 实际的 console 接口被定义为全小写的形式(比如不是这种形式 Console ),这是历史原因导致的。

方法

Console.assert()

如果第一个参数为 false ,则将消息和堆栈跟踪记录到控制台。

Console.clear()

清空控制台,并输出 Console was cleared。

Console.count()

以参数为标识记录调用的次数,调用时在控制台打印标识以及调用次数。

Console.countReset()

重置指定标签的计数器值。

Console.debug()

在控制台打印一条 "debug" 级别的消息。

Console.dir()

显示一个由特定的 Javascript 对象列表组成的可交互列表。这个列表可以使用三角形隐藏和显示来审查子对象的内容。.

Console.dirxml()

打印 XML/HTML 元素表示的指定对象,否则显示 JavaScript 对象视图。

Console.error()

打印一条错误信息,使用方法可以参考 string substitution。

Console.exception() 非标准 已弃用

error() 方法的别称。

Console.group()

创建一个新的内联 group, 后续所有打印内容将会以子层级的形式展示。调用 groupEnd()来闭合组。

Console.groupCollapsed()

创建一个新的内联 group。使用方法和 group() 相同,不同的是,groupCollapsed() 方法打印出来的内容默认是折叠的。调用groupEnd()来闭合组。

Console.groupEnd()

闭合当前内联 group。

Console.info()

打印资讯类说明信息,使用方法可以参考 string substitution。

Console.log()

打印内容的通用方法,使用方法可以参考 string substitution。

Console.profile() 非标准

Starts the browser's built-in profiler (for example, the Firefox performance tool). You can specify an optional name for the profile.

Console.profileEnd() 非标准

Stops the profiler. You can see the resulting profile in the browser's performance tool (for example, the Firefox performance tool).

Console.table()

将列表型的数据打印成表格。

Console.time()

启动一个以入参作为特定名称的计时器,在显示页面中可同时运行的计时器上限为 10,000.

Console.timeEnd()

结束特定的 计时器 并以毫秒打印其从开始到结束所用的时间。

Console.timeLog()

打印特定 计时器 所运行的时间。

Console.timeStamp() 非标准

添加一个标记到浏览器的 Timeline 或 Waterfall 工具。

Console.trace()

输出一个 stack trace。

Console.warn()

打印一个警告信息,可以使用 string substitution 和额外的参数。

示例 输出文本到控制台

console 对象中较多使用的主要有四个方法 console.log(), console.info(), console.warn(), 和console.error()。每一个结果在日志中都有不同的样式,可以使用浏览器控制台的日志筛选功能筛选出感兴趣的日志信息。

有两种途径使用这些方法,可以简单的传入一组对象,其中的字符串对象会被连接到一起,输出到控制台。或者可以传入包含零个或多个的替换的字符串,后面跟着被替换的对象列表。

打印单个对象

The simplest way to use the logging methods is to output a single object:

var someObject = { str: "Some text", id: 5 }; console.log(someObject);

Copy to Clipboard

打印结果类似下面:

[09:27:13.475] ({str:"Some text", id:5})

打印多个对象

可以打印多个对象,就像下面一样:

var car = "Dodge Charger"; var someObject = { str: "Some text", id: 5 }; console.info("My first car was a", car, ". The object is:", someObject);

Copy to Clipboard

打印结果类似下面:

[09:28:22.711] My first car was a Dodge Charger . The object is: ({str:"Some text", id:5})

使用字符串替换

可以在传递给 console 的方法的时候使用下面的字符以期进行参数的替换。

Substitution stringDescription%o or %O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%d or %i打印整数。支持数字格式化。例如,console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字:Foo 01。%s打印字符串。%f打印浮点数。支持格式化,比如 console.log("Foo %.2f", 1.1) 会输出两位小数:Foo 1.10

备注: Chrome 不支持精确格式化。

当要替换的参数类型和预期的打印类型不同时,参数会被转换成预期的打印类型。

for (var i=0; i


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3