js调试工具Console命令详解
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了js调试工具Console命令详解,需要的朋友可以参考下
一、显示信息的命令
&!DOCTYPE html&
&title&常用console命令&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&script type="text/javascript"&
console.log('hello');
console.error('错误');
console.warn('警告');
最常用的就是console.log了。
二：占位符
console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）
&script type="text/javascript"&
console.log("%d年%d月%d日",);
三、信息分组
&!DOCTYPE html&
&title&常用console命令&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&script type="text/javascript"&
console.group("第一组信息");
　　　　console.log("第一组第一条:我的XX()");
　　　　console.log("第一组第二条:xxx()");
　　console.groupEnd();
　　&&& console.group("第二组信息");
　　　　console.log("第二组第一条:程序爱好者QQ群： ");
　　　　console.log("第二组第二条:欢迎你加入");
　　&&& console.groupEnd();
四、查看对象的信息
console.dir()可以显示一个对象所有的属性和方法。
&script type="text/javascript"&
var info = {
message:"程序爱好者欢迎你的加入"
console.dir(info);
五、显示某个节点的内容
console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码。
&!DOCTYPE html&
&title&常用console命令&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&div id="info"&
&h3&我的博客：&
&p&程序爱好者:,欢迎你的加入&/p&
&script type="text/javascript"&
var info = document.getElementById('info');
console.dirxml(info);
六、判断变量是否是真
console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。
&script type="text/javascript"&
　　var result = 1;
　　console.assert( result );
　　var year = 2014;
　　console.assert(year == 2018 );
1是非0值，是真；而第二个判断是假，在控制台显示错误信息
七、追踪函数的调用轨迹。
console.trace()用来追踪函数的调用轨迹。
&script type="text/javascript"&
/*函数是如何被调用的，在其中加入console.trace()方法就可以了*/
　　function add(a,b){
console.trace();
　　　　return a+b;
　　var x = add3(1,1);
　　function add3(a,b){return add2(a,b);}
　　function add2(a,b){return add1(a,b);}
　　function add1(a,b){return add(a,b);}
控制台输出信息：
八、计时功能
console.time()和console.timeEnd()，用来显示代码的运行时间。
&script type="text/javascript"&
　　console.time("控制台计时器一");
　　for(var i=0;i&1000;i++){
　　　　for(var j=0;j&1000;j++){}
　　console.timeEnd("控制台计时器一");
运行时间是38.84ms
九、console.profile()的性能分析
性能分析（Profiler）就是分析程序各个部分的运行时间，找出瓶颈所在，使用的方法是console.profile()。
&script type="text/javascript"&
　　function All(){
alert(11);
　　　　&&&& for(var i=0;i&10;i++){
funcA(1000);
　　　　&&& funcB(10000);
　　function funcA(count){
　　　　for(var i=0;i&i++){}
　　function funcB(count){
　　　　for(var i=0;i&i++){}
　　console.profile('性能分析器');
　　All();
　　console.profileEnd();
说明一下，LZ测试时，在All()中未加alert,控制条没有输出，加上了之后，就有了一张性能分析表，暂时不清楚原因，若你知道，可以评论。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具我们经常使用WinSCP工具通过sftp协议上传获取文件，本文描述通过bat批量处理文件。
首先，我们打开dos命令窗口使用 cd \d :D\WinSCP 打开WinSCP***目录
上传文件：
winscp.exe /console /command "option batch continue" "option confirm off" "open sftp://user:pwd@ip:port" "option transfer binary" "put D:\需要上传的文件路径 /服务器文件存放目录" "exit" /log=log_file.txt
这里为了方便理解，一一解释。
winscp421.exe /console /command&　　 &命令名&"option batch continue"&&　　　　　　　 &默认批处理&&&"option confirm off"&&&&　　　　　　　　　关闭提示信息"open&:ort" &user：访问用户名 ，pwd:用户密码 ，ip:ip地址，port：端口号 &默认22"option transfer binary" & 使用二进制格式传送
log=log_file.txt 日志文件地址&"exit"&&&&&　　　　　　　　　　　　　　　　::执行完命令后退出&
注意：以上 command 后的都为参数 需在一行体现 &如想分开写 可把命令单独放到一个文件
如：aa.txt
option echo offoption transfer binaryopen &sftp_or_ftp&://&user&:&password&@&host_ip&:&port& -privatekey &private_key_file&cd &remote_dir&put *.docexit
用命令执行该脚本：winscp /script=aa.txt /ini=&WinSCP.ini_location& /log=&log_file&如果需要配置传输参数，在WinSCP.ini配置，例如PreserveTime=0保持源文件的时间戳
下载文件：
一下是下载文件代码，同上传一样，如需单独写脚本可 用如上方式单独保存脚本执行。
CD /d D:\WinSCPwinscp.exe /console /command "option batch continue" "option confirm off" "open sftp://root:root@10.168.38.72:22" "option transfer binary" "get /test.txt D:\sftptest\" "exit" /log=D:\sftptest\log.txt
阅读(...) 评论()