控制台使用简易介绍——寻找控制台彩蛋和js定位

猿友 2021-07-27 18:02:33 浏览数 (3180)
反馈

今天小编来分享一些有趣的网页控制台彩蛋,同时借此机会介绍一些js错误定位的方法,希望能给沉迷枯燥学习的小伙伴带来一丝愉悦。

前言

很多网站都在他们的网页控制台留下了一些彩蛋,这些彩蛋只有打开这个控制台的小伙伴才能看到,十分的有趣,今天本篇文章的主要重点就是介绍这些彩蛋。

哔哩哔哩

哔哩哔哩弹幕网是很多小伙伴都会去的一个网站,那么这个网站的控制台埋下了这这么一个彩蛋小伙伴们可曾了解?b站彩蛋

哔哩哔哩的菜单是他的招牌小电视图标,是用字符画生成的,有兴趣的小伙伴可以等到结尾介绍代码定位的时候去扒一下它的代码。

知乎

知乎上有很多优秀的答主,作为一个很特殊的网站(知乎是国内比较少的使用python作为后端的网站),它也有它独特的控制台彩蛋(不过这个跟它是否使用python无关)

知乎彩蛋

知乎的彩蛋和哔哩哔哩的类似,都是字符画,但是知乎的彩蛋里还附加了前端招聘的广告(找到了知乎彩蛋的原因——缺前端)。有兴趣的小伙伴可以考虑投简历了!

天猫

天猫也有其控制台彩蛋,也是字符画加招聘广告的形式。

天猫彩蛋

天猫和淘宝同为阿里系的公司,天猫有彩蛋但是淘宝却没有,可能是天猫比较缺人吧?

斗鱼

斗鱼也有控制台彩蛋,但是他比较简单,只有几行文字介绍。

斗鱼彩蛋

不过值得一提的是,斗鱼要求投递简历要有一定格式,相比于下面的百度而言,感觉发往斗鱼的简历更容易被采纳。

百度

百度是小编最早知道的有控制台彩蛋的一个网站,他的控制台彩蛋是比较简单的招聘广告:

百度彩蛋

百度的彩蛋虽然比较简单,但是阅读起来也让人感到血脉蓬勃呢。

京东

别的网站的互联网彩蛋不是玩梗就是招聘广告,京东应该算是一股清流。他介绍他网站使用的技术,还贴心的给人推荐该技术的官方网站:

京东彩蛋

豆瓣

豆瓣也有彩蛋,但这个彩蛋有点短,小编差点就错过了。


如何调试js代码

小编听说爱奇艺也有彩蛋,然后百度搜了一个爱奇艺的链接点进去,然后发现了这个。

爱奇艺网页控制台

这位程序员把一些内容放到控制台打印出来,这本来是一个不错的操作,但是在生产环境中这些是不能打印出来的,所以小伙伴如果有在js代码中输出这些内容的话千万记得在上线之前清理掉这类代码。

 关于爱奇艺的彩蛋,小编前往了主站进行查看,很遗憾这个彩蛋已经没有了。

很多细心的小伙伴会发现控制台输出的代码是一行一行的。没错,他们就是一行一行的,而且每行的最右边都有一个对应的js名称和js行数,一行对应一个输出(或者报错)。但是有些时候报错会像java(或者python)一样抛出一堆的堆栈调用。我们可以点击右边对应的行数前往对应的js代码行中,这样就能快速确定报错的代码在第几行了。(之前说过如果对字符画感兴趣的小伙伴可以用这种方式找到对应的字符画生成函数)

小结

以上就是小编知道的所有网页控制台彩蛋了,通过控制台彩蛋的介绍我们还学会了js错误定位的方法,是不是算在找乐子中获得了知识呢?更多有趣的编程开发知识还请关注W3Cschool,小编会慢慢跟小伙伴们进行分享的!


0 人点赞