网络建站知识

精准传达 • 价值共享

洞悉互联网前沿资讯,探寻网站营销规律

查看其它板块

网页按F12出现的提示 js中的console.log()用法

作者:狐灵科技_陈江河 | 2020-01-01 17:33 |点击:

使用的浏览器为chrom。
 
今天打开一个网站,按F12看到控制台有这样的提示。如图



第一次看见的时候 心里想 这是什么鬼操作



没接触过console.log() 还不知道 了解了下 原来是 console.log()  下面把console.log()的用法给大家看下
 
不使用alert是因为alert会阻断线程运行。
 
一般情况下我们用来输入信息的方法主要有以下5个:
 
1.console.log()输出普通信息
 
2.console.info()输出提示信息
 
3.console.error输出错误信息 
 
4.console.warn()输出警示信息
 
5.console.debug()输出调试信息
 
此外,还有console.dir()将DOM节点以DOM树的结构进行输出,可以查看对象的方法。


另外在附上 蓝色的console.log()样式 大家可以去试一试 写在js里面


  1. console.log("%c%c新浪微博%c北漂鱼的故事", "line-height:26px;", "line-height:16px;padding:2px 6px;border-radius: 5px 0px 0px 5px;background:#35495e;color:#fff;font-size:12px;", "padding:2px 8px;background:#0093ff;color:#fff;line-height:16px;font-size:12px;border-radius: 0px 5px 5px 0px;");
     
 

 
写在js里面即可  
至于下面的字符 卸载htm里面注释里 即可

另外 大家想要把自己喜欢的图片变成注释  可以百度搜索下 ascgen 这个软件即可


也可以查看这篇文章把图片变成自己喜欢的字符软件【字符画软件ascgen】
 


如没特殊注明,文章均为狐灵科技原创,转载请注明   "网页按F12出现的提示 js中的console.log()用法
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

网站设计 品牌营销

多一份参考,总有益处

联系狐灵科技,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:15082661954 / 大客户专线:15523356218