console / debugger / alter

都是代码调试工具,目前最常用的是console,最好用的应该是debugger。

三者的效果都不一样:

console 可以在开发者面板(调试窗口 / 控制台)输出内容。

alter 会阻断代码,并在浏览器的正上方输出内容。

debugger 会阻断代码,并在开发者面板中的 source 标签看到代码的执行顺序,和每一步的变化。

建议每个开发者都要熟悉 debugger 的使用。

console 其实不仅仅只会 .log() ,接下来说说,console这个对象,还有哪些方法:

一. console.log()、console.info()、console.debug()

使用最多的是console.log()。console.info()和console.debug()本质上与console.log()没有区别。是console.log()的另一个名字而以,可以理解为它们三个其实就是同一个,只不过名字不一样。其中,console.info()打印出的信息,在控制显示的时候信息前面会出现一个小图标(蓝色叹号,亲测谷歌浏览器,没能输出图标),而且谷歌浏览器和opera不支持console.debug()。

二. warn()和error()

console.warn() 输出的内容前面会有一个黄色三角加叹号的小图标

console.error() 输出的内容前面会有一个红色圆形加叉号的小图标

三. 其它使用的方法

1、trace()

调试JavaScript程序时,使用console.trace(),不仅会打印函数调用栈信息,同时也会显示函数调用中各参数的值。

2、count()

可以把console.count()放在一个方法内,每次调用都会加1,更好显示方法被调用了多少次。

3、time()和timeEnd()

以ms为单位的时间,这两个要同时用,可以不写参数,输出的是,default:** ms

如果加了参数,参数要一致console.time(“count”);否则会报错,输出的是,count:** ms

4、assert() 一般两个参数,前面的是表达式,后面是要输出的内容,如果表达式为false,则输出

5、clear()

清空console的输出信息。

6、dir()

使输出内容格式化更易读,而且也会输出一个对象的全部属性和方法。

7、table()

将 数组 或者 对象 以表格的形式输出,更直观。

8、太多了,就不说了,可以自己看,重要的是你知道了 console 这个对象原来没那么简单。

debugger位置不对_console / debugger / alter相关推荐

  1. debugger位置不对_NTR Debugger 3DS游戏基础修改图文教程

    NTR Debugger是一款由国内的玩家制作的一个3ds游戏内存修改器,可以用来修改游戏内容达成使用金手指的效果,下面就来分享一下基本使用教程. 主机:3DS LL 4.4J 固件:Gateway ...

  2. debugger位置不对_引发异常的上一位置中堆栈跟踪的末尾怎么解决啊啊啊?

    推荐答案 娜美小宅女 2018.08.09 采纳率:58%    等级:42 已帮助:17万人 Product installation is failed for new system creati ...

  3. VS2010解决方案位置不对和改变程序字体的方案

    1.解决方案位置不对 (1).菜单栏选Tools (2).Import and Export Setting... (3).Reset all settings (4).no,just reset s ...

  4. C4D模型复制到新工程后错位,模型复制到工程位置不对?

    <C4D的十万个为什么>首发于 公众号:苦七君 免费搜索查看更多问题:kuqijun.com 问题: C4D模型复制到新工程后错位,模型复制到工程位置不对? 答案: 正常在C4D里面建模是 ...

  5. antd Popover 气泡卡片,首次位置不对解决方法

    解决Ant Design of Vue - Popover 气泡卡片 首次位置不对问题 想要效果: 首次进入效果: 再次移入显示就对了,解决方法:加上高宽(:overlayStyle="{ ...

  6. pc端debugger微信、电脑debugger微信、电脑调试 微信支付、pc调试 微信支付、电脑 调试真机微信、通过电脑调试手机真机打开的微信H5页面、通过电脑chrome调试手机真机打开的微信H5

    pc端debugger微信.电脑debugger微信.电脑调试 微信支付.pc调试 微信支付.电脑 调试真机微信.通过电脑调试手机真机打开的微信H5页面.通过电脑chrome调试手机真机打开的微信H5 ...

  7. latex表插入的位置不对_VSCode_LaTex_英文amp;中文配置

    I. VSCode+Latex安装 VSCode+Git安装 lonelybag:vscode_git_github 配置教程​zhuanlan.zhihu.com Latex安装 踏歌:编写中文La ...

  8. Application.java启动项位置不对报错

    Application.java启动项位置 该Java文件最起码应该在要启动的Java文件的上一级目录下 如 *如:DemoApplication.java文件在HelloConrtoller.jav ...

  9. 使用UIView+Extension请注意:令人捉急的centerX导致子控件显示位置不对的矫正

    注意centerX的使用 最近在增加项目的功能,写着写着就发现一个问题: 先上图来展示结果  为了适配label右上角的红圆圈的位置,觉得很简单的,但是一不小心就掉进陷阱了. 采用的方案是 :封装一个 ...

  10. 关于Arcgis用excel导入坐标点位置不对的解决方式

    我们导入excel位置的时候容易出现以下问题 明明坐标系位置都是一样的,却图层不重合. 解决方法: 1.把excel的经纬度上面的符号如"维度(x)"改成"X" ...

最新文章

  1. Netflix创始人:我不要求996,一样市值1万亿
  2. Human Pose Estimation人体姿态估计综述调研
  3. 徐尧:如何搭建好的数据指标体系?
  4. 应用程序错误电脑黑屏_电脑黑屏了怎么办,电脑硬件win黑屏的6大原因以及解决方法...
  5. 【拥抱大厂系列】几个面试官常问的垃圾回收器,下次面试就拿这篇文章怼回去!
  6. Android开发实战一之搭建开发环境-附测试实例(已亲测)
  7. 人工智能语音电视能“听话”吗?
  8. 搞深度学习如何找到需要的代码
  9. python开发酷q插件gui_酷Q机器人插件开发笔记
  10. ascII码,asc2码表
  11. php的在线问卷调查_php 在线问卷调查程序一
  12. gitlab: [remote rejected] pre-receive hook declined
  13. 如何将Word转PDF?免费office转换PDF的方法
  14. 刷手机二维码轻松登机(仅限移动用户)
  15. gulp+webpack工具整合简介
  16. Android手机平板根目录详解
  17. stitching_detailed.cpp : throw_no_cuda
  18. 分享 75 个精选的 JavaSript 基础知识点(中)
  19. 精尽Spring MVC源码分析 - 一个请求的旅行过程
  20. yolov5模型pt转wk(HISI3559)

热门文章

  1. 示波器电流探头应该怎么保养-PinTech品致
  2. day03数据包拓展——抓包封包
  3. B-spline Surfaces
  4. 一个投标经理的标书检查笔记,拿来就用!
  5. 工程总承包(EPC)最高投标限价政策解说
  6. sd内存卡 a1 a2 区别
  7. Codeforces918 D. MADMAX(博弈,记忆化搜索)
  8. 【老骥伏枥-原创】DIY在VMware上安装万由U-NAS系统的初体验
  9. 限制计算机用户使用指定软件,电脑使用时间限制软件(Time Boss)
  10. 计算机专业可以评电力工程职称吗,电力工程类职称评审专业范围,你了解多少?...