如何在浏览器控制台(console)里输出彩色样式调试信息
来源:互联网 发布:女生提气质知乎 编辑:程序博客网 时间:2024/06/05 17:31
这里的比我的好:http://blog.csdn.net/qjwcn/article/details/19410033
在控制台(console)里看到这些信息内容我并不奇怪,让我感到奇怪的是,“警告”两个字是红色的,而且背景色是黄色的。而且字体也不其它文字要大一些。这格式化的样式现实效果是如何实现的?经过翻查它们的代码,发现非常的简单:
console.log("%c%s","color: red; background: yellow; font-size: 24px;","警告!");
这里的用法很像C语言里格式化字符串输出的printf函数,log的第一个参数声明第二、第三个参数的作用,第二个参数就是样式,第三个参数是要输出的字符串。
至于为什么要用这样的格式化效果,它能帮助你更好的在控制台(console)输出debug信息,更好的为调试程序服务。比如,严重错误或警告信息就需要用打个字体,醒目的颜色突出显示,你觉得呢,你会用这个彩色的控制台(console)信息输出技巧吗?
%s:字符串 %d,%i:数字 %f:浮点数 %o:链接对象
作者: IT程序狮
链接:http://www.imooc.com/article/3012
来源:慕课网
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控制台的设置方法
- 拷贝函数
- Android应用的几种开发方式
- 实现qq中按返回键返回桌面不退出程序
- 双重二分查找的应用
- poj 3694 Network (tarjan+树链剖分)
- 如何在浏览器控制台(console)里输出彩色样式调试信息
- Python类属性,实例属性
- Android中常用的优秀开源框架
- 简单说下越界访问的调试方法
- 数组函数
- 嗯,记一道水题
- 从JDK源码分析Java中的equals与hashCode
- 高通LCD之背光
- 前端.进度条样式的原理与解释