今天小編來(lái)分享一些有趣的網(wǎng)頁(yè)控制臺(tái)彩蛋,同時(shí)借此機(jī)會(huì)介紹一些js錯(cuò)誤定位的方法,希望能給沉迷枯燥學(xué)習(xí)的小伙伴帶來(lái)一絲愉悅。
前言
很多網(wǎng)站都在他們的網(wǎng)頁(yè)控制臺(tái)留下了一些彩蛋,這些彩蛋只有打開(kāi)這個(gè)控制臺(tái)的小伙伴才能看到,十分的有趣,今天本篇文章的主要重點(diǎn)就是介紹這些彩蛋。
嗶哩嗶哩
嗶哩嗶哩彈幕網(wǎng)是很多小伙伴都會(huì)去的一個(gè)網(wǎng)站,那么這個(gè)網(wǎng)站的控制臺(tái)埋下了這這么一個(gè)彩蛋小伙伴們可曾了解?
嗶哩嗶哩的菜單是他的招牌小電視圖標(biāo),是用字符畫(huà)生成的,有興趣的小伙伴可以等到結(jié)尾介紹代碼定位的時(shí)候去扒一下它的代碼。
知乎
知乎上有很多優(yōu)秀的答主,作為一個(gè)很特殊的網(wǎng)站(知乎是國(guó)內(nèi)比較少的使用python作為后端的網(wǎng)站),它也有它獨(dú)特的控制臺(tái)彩蛋(不過(guò)這個(gè)跟它是否使用python無(wú)關(guān))
知乎的彩蛋和嗶哩嗶哩的類(lèi)似,都是字符畫(huà),但是知乎的彩蛋里還附加了前端招聘的廣告(找到了知乎彩蛋的原因——缺前端)。有興趣的小伙伴可以考慮投簡(jiǎn)歷了!
天貓
天貓也有其控制臺(tái)彩蛋,也是字符畫(huà)加招聘廣告的形式。
天貓和淘寶同為阿里系的公司,天貓有彩蛋但是淘寶卻沒(méi)有,可能是天貓比較缺人吧?
斗魚(yú)
斗魚(yú)也有控制臺(tái)彩蛋,但是他比較簡(jiǎn)單,只有幾行文字介紹。
不過(guò)值得一提的是,斗魚(yú)要求投遞簡(jiǎn)歷要有一定格式,相比于下面的百度而言,感覺(jué)發(fā)往斗魚(yú)的簡(jiǎn)歷更容易被采納。
百度
百度是小編最早知道的有控制臺(tái)彩蛋的一個(gè)網(wǎng)站,他的控制臺(tái)彩蛋是比較簡(jiǎn)單的招聘廣告:
百度的彩蛋雖然比較簡(jiǎn)單,但是閱讀起來(lái)也讓人感到血脈蓬勃呢。
京東
別的網(wǎng)站的互聯(lián)網(wǎng)彩蛋不是玩梗就是招聘廣告,京東應(yīng)該算是一股清流。他介紹他網(wǎng)站使用的技術(shù),還貼心的給人推薦該技術(shù)的官方網(wǎng)站:
豆瓣
豆瓣也有彩蛋,但這個(gè)彩蛋有點(diǎn)短,小編差點(diǎn)就錯(cuò)過(guò)了。
如何調(diào)試js代碼
小編聽(tīng)說(shuō)愛(ài)奇藝也有彩蛋,然后百度搜了一個(gè)愛(ài)奇藝的鏈接點(diǎn)進(jìn)去,然后發(fā)現(xiàn)了這個(gè)。
這位程序員把一些內(nèi)容放到控制臺(tái)打印出來(lái),這本來(lái)是一個(gè)不錯(cuò)的操作,但是在生產(chǎn)環(huán)境中這些是不能打印出來(lái)的,所以小伙伴如果有在js代碼中輸出這些內(nèi)容的話千萬(wàn)記得在上線之前清理掉這類(lèi)代碼。
關(guān)于愛(ài)奇藝的彩蛋,小編前往了主站進(jìn)行查看,很遺憾這個(gè)彩蛋已經(jīng)沒(méi)有了。
很多細(xì)心的小伙伴會(huì)發(fā)現(xiàn)控制臺(tái)輸出的代碼是一行一行的。沒(méi)錯(cuò),他們就是一行一行的,而且每行的最右邊都有一個(gè)對(duì)應(yīng)的js名稱(chēng)和js行數(shù),一行對(duì)應(yīng)一個(gè)輸出(或者報(bào)錯(cuò))。但是有些時(shí)候報(bào)錯(cuò)會(huì)像java(或者python)一樣拋出一堆的堆棧調(diào)用。我們可以點(diǎn)擊右邊對(duì)應(yīng)的行數(shù)前往對(duì)應(yīng)的js代碼行中,這樣就能快速確定報(bào)錯(cuò)的代碼在第幾行了。(之前說(shuō)過(guò)如果對(duì)字符畫(huà)感興趣的小伙伴可以用這種方式找到對(duì)應(yīng)的字符畫(huà)生成函數(shù))
小結(jié)
以上就是小編知道的所有網(wǎng)頁(yè)控制臺(tái)彩蛋了,通過(guò)控制臺(tái)彩蛋的介紹我們還學(xué)會(huì)了js錯(cuò)誤定位的方法,是不是算在找樂(lè)子中獲得了知識(shí)呢?更多有趣的編程開(kāi)發(fā)知識(shí)還請(qǐng)關(guān)注W3Cschool,小編會(huì)慢慢跟小伙伴們進(jìn)行分享的!