Console相关知识

console:控制台,操纵台
使用chrome浏览器,点击右键——检查——Console(Ctrl+Shift+1或F12不同电脑快捷键设置不同)
.html文档中script代码

1、console.log 用于输出普通信息
2、console.info 用于输出提示性信息
3、console.error用于输出错误信息
4、console.warn用于输出警示信息`

setInterval(function(){  
 if ($('.button').text()=='可点击') 
 { 
   $('.button').click();   
  }, 1000);

其中setInterval的第二个参加是以毫秒为单位,即每隔多少毫秒执行一次。
通过按下回车键会触发执行命令,而有时候我们需要执行的逻辑比较复杂,需要多行才可以完成,可以通过点击“shift+回车键”来实现换行。
在console中,可以实现对按钮的监控。比如此时按钮的文本值为“不可点击”,类名为“button”,那么当文本值变为“可点击”的时候,我们触发该按钮的点击事件。代码如下:

timeout=prompt("Set timeout (Second):");
count=0
current=location.href;
if(timeout>0)
setTimeout('reload()',1000*timeout);
else
location.replace(current);
function reload(){
setTimeout('reload()',1000*timeout);
count++;
console.log('每('+timeout+')秒自动刷新,刷新次数:'+count);
fr4me='<frameset cols=\'*\'>\n<frame src=\''+current+'\'/>';
fr4me+='</frameset>';
with(document){write(fr4me);void(close())};
}

这个代码直接贴到chrome或者firefox的控制台中,输入自动刷新的时间间隔(单位秒),即可实现自动刷新,直到你关掉页面或者手工刷新界面为止。
代码处理逻辑说明:
其实还是蛮巧妙的。这个刷新实际上并没有直接用location.reload()之类的js方法直接强刷新页面,而是用frame嵌套目标网页链接的方式,通过重新加载frame的内容(就是current链接)来实现“自动刷新”。这样子定时器可以一直运行在页面,实现定时刷新了。
为什么不直接模拟刷新界面?原因很简单,你要实现间隔刷新的效果的话,如果直接刷新,那你所设定的 定时器 在网页刷新重新加载之后会被清掉。
那就不可以直接刷新网页了:定时器都被清了,还怎么定时刷新?
当然,你也可以用chrome插件来实现。用插件开发可能更容易些,用户体验可能会更好。
web中Console可以做很多操作

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值