【金沙澳门官网网址】js调节和测量试验方法,

作者: 前端知识  发布:2019-11-14

JavaScript在浏览器上的调治才能

2016/11/04 · JavaScript · 8 评论 · 调试

正文作者: 伯乐在线 - TGCode 。未经小编许可,禁绝转发!
接待参与伯乐在线 专栏编辑者。

在网址开辟中,大家难免会碰着各样bug,那时,我们就须要去调整我们的JavaScript脚本找寻难点,然后去改正代码。那大家如何去调治呢?

最轻巧易行的正是alert()办法,可是,alert 弹出窗口会中断程序, 並且如若要在循环中显示音信,就会弹出七个弹窗,你不点击alert框的明确开关下三个alert就不会自可是然,别的alert 彰显对象恒久呈现为[object ],所以alert()方法只相符小程序。

其次种是断点调节和测试

1.在源码上利用debugger

例如:

JavaScript

function check(){ var i=0; debugger; alert(1); } check();

1
2
3
4
5
6
function check(){
var i=0;
debugger;
alert(1);
}
check();

金沙澳门官网网址 1

能够看看,程序会运营到debugger处就能够停住,并未施行前边,你可以按F8来继续执行。

2. 一向在浏览器上断点,相符是开发调整台的source,找到你要调度的代码,然后点击你要断点的那风度翩翩行代码的右侧行码处,如下图:

金沙澳门官网网址 2

其二种正是本人最喜爱的console

最常用的正是console.log(),在调节新竹打字与印刷音信,它能够选取任何字符串、数字和JavaScript对象,也足以接收换行符n以致制表符t。

JavaScript

var i=0; var name="我是console"; var json={ "key":"console" }; console.log(i); console.log(name); console.log(json);

1
2
3
4
5
6
7
8
var i=0;
var name="我是console";
var json={
"key":"console"
};
console.log(i);
console.log(name);
console.log(json);

金沙澳门官网网址 3

您可以按红箭头所指的按键撤消调节台,也得以一贯用console.clear()消逝。

自然console可不独有那贰个主意,它还应该有:

console.info 用于出口提醒性音信

console.error用于出口错误音信

console.warn用于出口警告音信

console.debug用于出口调节和测量试验消息

console.info(“提示”); console.error(“报错了”); console.warn(“警告”); console.debug(“调节和测验音讯”);

金沙澳门官网网址 4

console对象的地点5种方法,都能够行使printf风格的占位符。但是,占位符的门类相当少,只扶助字符(%s卡塔 尔(阿拉伯语:قطر‎、整数(%d或%i卡塔 尔(英语:State of Qatar)、浮点数(%f卡塔尔和对象(%o卡塔 尔(阿拉伯语:قطر‎各样。

JavaScript

console.log("%s年",2016); console.log("%d年%d月",2016,6); console.log("%f",3.1415); console.log("%o",json);

1
2
3
4
console.log("%s年",2016);
console.log("%d年%d月",2016,6);
console.log("%f",3.1415);
console.log("%o",json);

金沙澳门官网网址 5

假定你认为上面包车型地铁输出音信太干燥了,我们还足以如此:

JavaScript

console.log("%c自定义样式","font-size:20px;color:green"); console.log("%c作者是%c自定义样式","font-size:20px;color:green","font-weight:bold;color:red");

1
2
console.log("%c自定义样式","font-size:20px;color:green");
console.log("%c我是%c自定义样式","font-size:20px;color:green","font-weight:bold;color:red");

金沙澳门官网网址 6

console.dirxml用来展现网页的有些节点(node卡塔尔所含有的html/xml代码

<table> <thead> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </thead> </table> <script> var table=document.querySelector("table"); console.dirxml(table); </script>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
</table>
<script>
var table=document.querySelector("table");
console.dirxml(table);
</script>

金沙澳门官网网址 7

console.group输出生龙活虎组消息的上马

console.groupEnd结束意气风发组输出音讯

JavaScript

console.group("start"); console.log("子项"); console.groupEnd("end"); console.log("aa");

1
2
3
4
console.group("start");
console.log("子项");
console.groupEnd("end");
console.log("aa");

金沙澳门官网网址 8

console.assert对输入的表达式进行预感,独有表明式为false时,才输出相应的新闻到调控台

JavaScript

var isTrue=true; console.assert(isTrue,"小编是大谬不然"); isTrue=false; console.assert(isTrue,"作者是漏洞相当多2");

1
2
3
4
var isTrue=true;
console.assert(isTrue,"我是错误");
isTrue=false;
console.assert(isTrue,"我是错误2");

金沙澳门官网网址 9

console.count  当您想总计代码被施行的次数,那个主意很有用

JavaScript

function play(){ console.count("推行次数:"); } play(); play(); play();

1
2
3
4
5
6
function play(){
     console.count("执行次数:");
}
play();
play();
play();

金沙澳门官网网址 10

console.dir  直接将该DOM结点以DOM树的结构举办输出,能够详细核对象的方法发展等等

<table> <thead> <tr> <th></th> <th></th> <th></th> <th></th> <th></th> </tr> </thead> </table> var table=document.querySelector("table"); console.dir(table);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table>
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
</table>
 
var table=document.querySelector("table");
console.dir(table);

console.time 计时早先

console.timeEnd 计时截至

JavaScript

console.time("array"); var a=0; for(var i=0;i<100000;i ){ a = i; } console.timeEnd("array");

1
2
3
4
5
6
console.time("array");
var a=0;
for(var i=0;i<100000;i ){
a = i;
}
console.timeEnd("array");

金沙澳门官网网址 11

console.profile和console.profileEnd协作协同利用来查看CPU使用有关音信

console.timeLine和console.timeLineEnd协作合营记录风度翩翩段时间轴

打赏帮忙小编写出越多好小说,多谢!

打赏作者

console.warn用于出口警报音讯

关于作者:TGCode

金沙澳门官网网址 12

路途虽远,无所畏 个人主页 · 笔者的稿子 · 9 ·    

金沙澳门官网网址 13

alert(1);

打赏辅助笔者写出更加多好小说,谢谢!

任选意气风发种支付方式

金沙澳门官网网址 14 金沙澳门官网网址 15

2 赞 9 收藏 8 评论

console.log("%f",3.1415);

play();

console.info(“提示”); console.error(“报错了”); console.warn(“警报”); console.debug(“调节和测验消息”);

console.dir(table);

console.time("array");

var a=0;

在网址开辟中,大家难免会碰到各个bug,这个时候,大家就必要去调度大家的JavaScript脚本找寻问题,然后去改革代码。那我们什么样去调治呢?

console.dir  直接将该DOM结点以DOM树的构造实行输出,能够详细核对象的秘诀升高档等

var table=document.querySelector("table");

console.log("%c小编是%c自定义样式","font-size:20px;color:green","font-weight:bold;color:red");

console.assert(isTrue,"作者是八花九裂2");

console.log(json);

var i=0;

function play(){

console.log("%d年%d月",2016,6);

console.assert(isTrue,"我是不当");

var i=0;

console.count  当你想总计代码被奉行的次数,这些措施很有用

console.log("%o",json);

console.dirxml(table);

console.timeLine和console.timeLineEnd同盟共同记录豆蔻梢头段时间轴

}

var isTrue=true;

for(var i=0;i<100000;i ){

其两种正是本人最欢畅的console。

"key":"console"

a = i;

}

console.group输出风姿浪漫组音讯的起来

console.log(name);

var table=document.querySelector("table");

2. 从来在浏览器上断点,相仿是张开调控台的source,找到您要调整的代码,然后点击你要断点的那生机勃勃行代码的左臂行码处

play();

无庸置疑console可不仅仅那八个主意,它还有:

本文由金沙澳门官网发布于前端知识,转载请注明出处:【金沙澳门官网网址】js调节和测量试验方法,

关键词: 金沙澳门官网

上一篇:【金沙澳门官网网址】持久化缓存实践
下一篇:没有了