全球彩票平台_全球彩票注册平台|官网下载地址

热门关键词: 全球彩票平台,全球彩票注册平台,全球彩官网下载地址

开发者工具使用

Chrome 控制台console的用法

2015/01/12 · JavaScript · Chrome

原稿出处: ctriphire   

我们都有用过各种类型的浏览器,各样浏览器都有谈得来的特征,自己拙见,在自己用过的浏览器个中,作者是最欢乐Chrome的,因为它对于调节和测验脚本及前端设计调节和测验都有它比别的浏览器太急解决不了问题的地点。或者大家对console.log会有料定的理解,心里难免会想调节和测量试验的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来代替alert输出新闻呢,上面小编就介绍部分调度的入门技能,让你爱上console.log

先的简介一下chrome的调整台,打开chrome浏览器,按f12就足以轻松的展开调节台

全球彩官网下载地址 1

世家可以看来调节台里面有后生可畏首诗还应该有其余音讯,若是想清空气调节器控台,能够点击左上角那几个全球彩官网下载地址 2来清空,当然也足以通过在调节台输入console.clear()来贯彻清中央空调节台新闻。如下图所示

全球彩官网下载地址 3

当今如果二个境况,假诺多少个数组里面有无数的因素,不过你想精晓各样成分具体的值,这时思考假设您用alert那将是多惨的大器晚成件工作,因为alert阻断线程运转,你不点击alert框的鲜明按键下叁个alert就不会鬼使神差。

上边大家用console.log来替换,心得一下它的魔力。

全球彩官网下载地址 4

看了地方那张图,是还是不是意识到log的不战自胜之处了,上边咱们来拜望console里面具体提供了什么方法可以供大家平时调节和测量检验时选拔。

全球彩官网下载地址 5

日前调控台方法和属性有:

JavaScript

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

1
["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

上边大家来挨门挨户介绍一下逐项艺术首要的用场。

相仿景况下大家用来输入消息的艺术主就算用到如下三个

1、console.log 用于出口普通音讯

2、console.info 用来出口提醒性消息

3、console.error用于出口错误音信

4、console.warn用以出口警告音讯

5、console.debug用来出口调节和测量试验消息

用图来说话

全球彩官网下载地址 6

console对象的地点5种办法,都能够行使printf风格的占位符。可是,占位符的体系超级少,只扶持字符(%s卡塔尔国、整数(%d或%i卡塔 尔(阿拉伯语:قطر‎、浮点数(%f卡塔尔国和目的(%o卡塔尔国四种

JavaScript

console.log("%d年%d月%d日",二零一三,3,26); console.log("圆周率是%f",3.1415926);

1
2
console.log("%d年%d月%d日",2011,3,26);
console.log("圆周率是%f",3.1415926);

全球彩官网下载地址 7

%o占位符,能够用来查阅三个对象内部景色

JavaScript

var dog = {}; dog.name = "大毛"; dog.color = "黄色"; console.log("%o", dog);

1
2
3
4
var dog = {};
dog.name = "大毛";
dog.color = "黄色";
console.log("%o", dog);

全球彩官网下载地址 8

6、console.dirxml用来展现网页的某部节点(node卡塔 尔(英语:State of Qatar)所包蕴的html/xml代码**

JavaScript

<body> <table id="mytable"> <tr> <td>A</td> <td>A</td> <td>A</td> </tr> <tr> <td>bbb</td> <td>aaa</td> <td>ccc</td> </tr> <tr> <td>111</td> <td>333</td> <td>222</td> </tr> </table> </body> <script type="text/javascript"> window.onload = function () { var mytable = document.getElementById('mytable'); console.dirxml(mytable); } </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body>
    <table id="mytable">
        <tr>
            <td>A</td>
            <td>A</td>
            <td>A</td>
        </tr>
        <tr>
            <td>bbb</td>
            <td>aaa</td>
            <td>ccc</td>
        </tr>
        <tr>
            <td>111</td>
            <td>333</td>
            <td>222</td>
        </tr>
    </table>
</body>
<script type="text/javascript">
    window.onload = function () {
        var mytable = document.getElementById('mytable');
        console.dirxml(mytable);
    }
</script>

全球彩官网下载地址 9

全球彩官网下载地址,7、console.group输出风度翩翩组音信的开始

8、console.groupEnd利落朝气蓬勃组输出新闻

看你需求接收不一致的出口方法来接收,借使上述八个方法再协作group和groupEnd方法来四头利用就足以输入形形色色的不等款型的输出音讯。

全球彩官网下载地址 10

哈哈哈,是还是不是以为很奇妙啊!

9、console.assert对输入的表明式实行预见,唯有表明式为false时,才输出相应的消息到调整台

全球彩官网下载地址 11

10、console.count(那个措施丰硕实用哦卡塔尔当您想计算代码被实施的次数

全球彩官网下载地址 12

11、console.dir(这么些法子是自家常常利用的 可不知道比for in方便了稍稍) 直接将该DOM结点以DOM树的布局举办输出,可以详细核对象的诀窍升高档等

全球彩官网下载地址 13

12、console.time 计时始于

13、console.timeEnd  计时结束(看了上面包车型大巴图你弹指间就体会到它的立意了卡塔尔国

全球彩官网下载地址 14

14、console.profileconsole.profileEnd格外合作行使来查阅CPU使用相关音信

全球彩官网下载地址 15

在Profiles面板里面查看就足以见见cpu相关应用音讯

全球彩官网下载地址 16

15、console.timeLineconsole.timeLineEnd十分同盟记录大器晚成段时间轴

16、console.trace  货仓追踪相关的调节和测验

上述办法只是自家个人知道罢了。要是想查看具体API,能够上合法看看,具体地址为:

 

上边介绍一下调节台的意气风发对快捷键

1、方向键盘的上下键,大家大器晚成用就知道。比如用上键就约等于选拔上次在调控台的输入符号

2、$_一声令下归来方今贰遍表明式试行的结果,作用跟按提升的方向键再回车是千篇豆蔻梢头律的

全球彩官网下载地址 17

上面的$_急需驾驭其奥义本事选用合适,而$0~$4则表示了近年5个你筛选过的DOM节点。

怎样看头?在页面右击选用审查元素,然后在弹出来的DOM结点树上边随便点选,这几个被点过的节点会被记录下来,而$0会回去近日三回点选的DOM结点,依此类推,$1再次来到的是一流次点选的DOM节点,最多保留了5个,若是相当不够5个,则赶回undefined

全球彩官网下载地址 18

3、Chrome 调整高雄原生扶植类jQuery的接收器,也正是说你能够用$丰富熟谙的css选拔器来筛选DOM节点

全球彩官网下载地址 19

4、copy因此此命令能够就要调整台获取到的剧情复制到剪贴板

全球彩官网下载地址 20

(哈哈 刚刚从调整台复制的body里面包车型地铁html能够随便粘贴到哪 比如记事本  是还是不是认为功用很强盛卡塔尔国

5、keys和values 前面三个重临传入对象具备属性名组成的数量,前面一个再次来到全体属性值组成的数组

全球彩官网下载地址 21

提起那,不免想起console.table方法了

全球彩官网下载地址 22

 

 

本文转自Chrome 控制台console的用法

先前不明了console这么强盛,还是能总结时间,深入分析质量瓶颈。很风趣

6、monitor & unmonitor

monitor(function),它选取叁个函数名作为参数,譬如function a,每次a被实践了,都会在决定台出口一条消息,里面包涵了函数的称谓a及施行时所盛传的参数。

而unmonitor(function)便是用来终止这一监听。

全球彩官网下载地址 23

看了这张图,应该知道了,也正是说在monitor和unmonitor中间的代码,施行的时候会在决定台出口一条音信,里面包罗了函数的称谓a及施行时所传颂的参数。当免除监视(也正是推行unmonitor时卡塔 尔(英语:State of Qatar)就不再在决定台出口音讯了。

JavaScript

$ // 老妪能解正是 document.querySelector 而已。 $$ // 轻易领悟正是document.querySelectorAll 而已。 $_ // 是上贰个表明式的值 $0-$4 // 是近年5个Elements面板选中的DOM成分,待会会讲。 dir // 其实正是console.dir keys // 取对象的键名, 再次来到键名组成的数组 values // 去对象的值, 重临值组成的数组

1
2
3
4
5
6
7
$ // 简单理解就是 document.querySelector 而已。
$$ // 简单理解就是 document.querySelectorAll 而已。
$_ // 是上一个表达式的值
$0-$4 // 是最近5个Elements面板选中的DOM元素,待会会讲。
dir // 其实就是 console.dir
keys // 取对象的键名, 返回键名组成的数组
values // 去对象的值, 返回值组成的数组

 

上面看一下console.log的某个本领

1、重写console.log 改换输出文字的样式

全球彩官网下载地址 24

2、利用调节台出口图片

全球彩官网下载地址 25

3、内定输出文字的体制

全球彩官网下载地址 26

最终说一下chrome调控台一个大约的操作,怎么着查看页面成分,看下图就明白了

全球彩官网下载地址 27

您在支配台轻易操作一次就精晓了,是还是不是认为超级粗略!

赞 6 收藏 评论

全球彩官网下载地址 28


原稿链接:

先的归纳介绍一下chrome的调节台,打开chrome浏览器,按f12就可以轻松的展开调节台

 

全球彩官网下载地址 29

我们都有用过各连串型的浏览器,每一个浏览器皆有和煦的特点,自己拙见,在自家用过的浏览器个中,作者是最赏识Chrome的,因为它对于调节和测量试验脚本及前端设计调节和测量检验都有它比任何浏览器太急解决不了难题的地点。或许大家对console.log会有自然的问询,心里难免会想调节和测量检验的时候用alert不就能够了,干嘛还要用console.log这么一长串的字符串来代替alert输出音讯呢,下边小编就介绍部分调节和测量检验的入门技能,令你爱上console.log

世家能够观望调节台里面有意气风发首诗还也会有此外新闻,假使想清空气调节器控台,能够点击左上角那一个

先的粗略介绍一下chrome的调整台,打开chrome浏览器,按f12就足以轻便的开发调整台

全球彩官网下载地址 30

全球彩官网下载地址 31

来清空,当然也能够因而在决定台输入console.clear()来兑现清空调整台音讯。如下图所示

大家能够看见调整台里面有意气风发首诗还应该有别的新闻,要是想清中央空调控台,能够点击左上角那多少个全球彩官网下载地址 32来清空,当然也足以经过在调控台输入console.clear()来贯彻清空气调节器控台音信。如下图所示

全球彩官网下载地址 33

全球彩官网下载地址 34

今昔只要三个场景,即使叁个数组里面有广大的因素,不过你想通晓种种成分具体的值,此时动脑筋假使你用alert那将是多惨的生机勃勃件事情,因为alert阻断线程运转,你不点击alert框的规定按键下贰个alert就不会产出。
下边大家用console.log来替换,体会一下它的魔力。

近期如果二个光景,借使叁个数组里面有无数的成分,可是你想清楚各样成分具体的值,那个时候出主意假让你用alert那将是多惨的黄金年代件事情,因为alert阻断线程运转,你不点击alert框的规定开关下三个alert就不会产出。

全球彩官网下载地址 35

上面大家用console.log来替换,体会一下它的魔力。

看了地点那张图,是或不是意识到log的强硬之处了,下边大家来寻访console里面具体提供了怎么措施能够供大家平日调节和测验时行使。

全球彩官网下载地址 36

全球彩官网下载地址 37

看了上面那张图,是否意识到log的雄强之处了,上边大家来拜候console里面具体提供了怎么方法能够供大家向来调节和测量试验时使用。

当下调整台方法和质量有:
["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]
下面我们来挨门挨户介绍一下梯次艺术首要的用途。
诚如景色下大家用来输入信息的措施首要是用到如下多个
1、console.log 用于出口普通消息
2、console.info 用以出口提醒性音信
3、console.error用来出口错误音信
4、console.warn用以出口警告音讯
5、console.debug用来出口调节和测验新闻
用图来说话

全球彩官网下载地址 38


现阶段调整台方法和特性有:

全球彩官网下载地址 39

["$$", "$x", "dir", "dirxml", "keys", "values", "profile", "profileEnd", "monitorEvents", "unmonitorEvents", "inspect", "copy", "clear", "getEventListeners", "undebug", "monitor", "unmonitor", "table", "$0", "$1", "$2", "$3", "$4", "$_"]

console对象的上边5种格局,都足以运用printf风格的占位符。可是,占位符的品种少之甚少,只匡助字符(%s卡塔尔国、整数(%d或%i卡塔尔、浮点数(%f卡塔 尔(英语:State of Qatar)和对象(%o卡塔尔国三种。
console.log("%d年%d月%d日",二〇一三,3,26);console.log("圆周率是%f",3.1415926);

上边大家来挨门逐户介绍一下逐项艺术主要的用项。

全球彩官网下载地址 40

诚如景色下大家用来输入新闻的情势重假设用到如下多少个

%o占位符,可以用来查看三个目的内幕
var dog = {};dog.name = "大毛";dog.color = "黄色";console.log("%o", dog);

1、console.log 用于出口普通讯息

全球彩官网下载地址 41

2、console.info 用于出口提醒性新闻

6、console.dirxml用来体现网页的某部节点(node卡塔尔所蕴涵的html/xml代码****
<body> <table id="mytable"> <tr> <td>A</td> <td>A</td> <td>A</td> </tr> <tr> <td>bbb</td> <td>aaa</td> <td>ccc</td> </tr> <tr> <td>111</td> <td>333</td> <td>222</td> </tr> </table></body><script type="text/javascript"> window.onload = function () { var mytable = document.getElementById('mytable'); console.dirxml(mytable); }</script>

3、console.error用于出口错误消息

全球彩官网下载地址 42

4、console.warn用于出口警报消息

7、console.group出口风流倜傥组新闻的开始
8、console.groupEnd停止后生可畏组输出新闻
看您需求接收分裂的输出方法来行使,假如上述四个点子再协作group和groupEnd方法来一块利用就能够输入形形色色的不一致式样的出口音信。

5、console.debug用于出口调节和测量试验新闻

全球彩官网下载地址 43

用图来讲话

哈哈,是否认为绝对漂亮妙啊!
9、console.assert对输入的表达式实行预见,唯有表达式为false时,才输出相应的新闻到调整台

全球彩官网下载地址 44

全球彩官网下载地址 45

console对象的方面5种办法,都得以利用printf风格的占位符。然则,占位符的项目超少,只扶植字符(%s卡塔 尔(英语:State of Qatar)、整数(%d或%i卡塔 尔(阿拉伯语:قطر‎、浮点数(%f卡塔尔和对象(%o卡塔尔种种。

本文由全球彩票平台发布于全球彩官网下载地址Web前端,转载请注明出处:开发者工具使用

TAG标签: 全球彩票平台
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。