如何在浏览器控制台(console)里输出彩色样式调试信息
来源:互联网 发布:linux下关闭防火墙 编辑:程序博客网 时间:2024/06/01 07:59
点击查看原文图文详情:http://www.ibloger.net/article/392.html
最近我在研究Google+,因为发现它里面实现以一些非常奇特的效果。我打开谷歌浏览器的控制台,看到了下面的信息:
警告!
使用此控制台可能会让攻击者利用Self-XSS(自跨站脚本)攻击来冒充你,并窃取你的信息。
请勿输入或粘贴你不明白的代码。
在线演示
在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?经过翻查它们的代码,发现非常的简单:
console.log("%c%s", "color: red; background: yellow; font-size: 24px;", "警告!");
这里的用法很像C语言里格式化字符串输出的printf
函数,log
的第一个参数声明第二、第三个参数的作用,第二个参数就是样式,第三个参数是要输出的字符串。
至于为什么要用这样的格式化效果,它能帮助你更好的在控制台(console)输出debug
信息,更好的为调试程序服务。比如,严重错误或警告信息就需要用打个字体,醒目的颜色突出显示,你觉得呢,你会用这个彩色的控制台(console
)信息输出技巧吗?
1 0
- 如何在浏览器控制台(console)里输出彩色样式调试信息
- 如何在浏览器控制台(console)里输出彩色样式调试信息
- 如何在浏览器控制台(console)里输出彩色样式调试信息
- php在eclipse的控制台console输出调试信息功能实现
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- 在MFC,Win32程序中向控制台(Console)窗口输出调试信息
- php在eclipse的控制台console输出调试信息功能实现
- MFC,Win32程序向控制台(Console)窗口输出调试信息
- javascript中浏览器控制台console.log 输出图片,彩色字体,文字
- 在控制台(console)打印彩色字
- console.debug()浏览器控制台打印输出 只在支持console的浏览器下打印
- 通过Console输出调试信息.
- 在firebug中使用console对象输出调试信息
- Window下Qt中用qDebug()输出调试信息到Console控制台的设置方法
- http://www.cnblogs.com/linjiqin/archive/2013/05/27/3101694.html
- 前端组件化开发实践
- 无缝轮播切换
- 历法 —— 星期与“日月火水木金土”
- poj 3468
- 如何在浏览器控制台(console)里输出彩色样式调试信息
- centOS7上配置Tomcat,Jenkins,SVN持续集成环境
- 剑指offer-面试10:二进制中1的个数(位运算)
- USACO2011Open Bronze 3lines 题解
- unity3D游戏开发中如何用UGUI制作背包
- Eclipse项目转AndroidStudio遇到问题记录
- maven中json-lib库无法引入
- 监听器小解
- 结构体字节对齐