百度、去哪儿别出心裁 利用console.log()发布招聘信息

古有刘备三顾茅庐,今有console.log招贤纳士,久久经验网为你介绍如何玩转console.log()!

 平常我们在开发的时候,chrome谷歌浏览器的调试工具console.log()是web开发者调试程序的利器!

出于职业爱好,看到好的网站经常会忍不住按F12打开调试工具,一探究竟,但不知道web开发爱好者发现没有,查看console会惊讶地发现有些网站会把招聘信息发布在console的日志里,此时你是不是会怦然心动?不管你有没有,反正我是有啦!

百度console.log()招聘信息
百度console.log()招聘信息
 
去哪儿的console.log()招聘信息(带图片形式)
去哪儿的console.log()招聘信息(带图片形式)

console.log()里显示图片?没错,久久经验网为你介绍如何实现console.log()里展示图片信息

 

console.log() 官方API

Format Specifier Description
%s Formats the value as a string.
%d or %i Formats the value as an integer.
%f Formats the value as a floating point value.
%o Formats the value as an expandable DOM element (as in the Elements panel).
%O Formats the value as an expandable JavaScript object.
%c Formats the output string according to CSS styles you provide.

 

console.log的语法格式:

console.log("%c需要输出的信息 ", "css 代码");

 

举例:在console.log()里输出久久经验网的logo图片(当然,动态gif图片也可以哦~):

  1. <script type="text/javascript"
  2.     console.log("%c久久经验网,专注web技术分享","padding-left:120px; padding-bottom:40px; background:url(http://www.exp99.com/images/exp99/logo.png) no-repeat"
  3. </script> 

 

 

 

相关经验

导读书签
书签初始化中…