App下載

控制臺使用簡易介紹——尋找控制臺彩蛋和js定位

猿友 2021-07-27 18:02:33 瀏覽數(shù) (3085)
反饋

今天小編來分享一些有趣的網(wǎng)頁控制臺彩蛋,同時(shí)借此機(jī)會(huì)介紹一些js錯(cuò)誤定位的方法,希望能給沉迷枯燥學(xué)習(xí)的小伙伴帶來一絲愉悅。

前言

很多網(wǎng)站都在他們的網(wǎng)頁控制臺留下了一些彩蛋,這些彩蛋只有打開這個(gè)控制臺的小伙伴才能看到,十分的有趣,今天本篇文章的主要重點(diǎn)就是介紹這些彩蛋。

嗶哩嗶哩

嗶哩嗶哩彈幕網(wǎng)是很多小伙伴都會(huì)去的一個(gè)網(wǎng)站,那么這個(gè)網(wǎng)站的控制臺埋下了這這么一個(gè)彩蛋小伙伴們可曾了解?b站彩蛋

嗶哩嗶哩的菜單是他的招牌小電視圖標(biāo),是用字符畫生成的,有興趣的小伙伴可以等到結(jié)尾介紹代碼定位的時(shí)候去扒一下它的代碼。

知乎

知乎上有很多優(yōu)秀的答主,作為一個(gè)很特殊的網(wǎng)站(知乎是國內(nèi)比較少的使用python作為后端的網(wǎng)站),它也有它獨(dú)特的控制臺彩蛋(不過這個(gè)跟它是否使用python無關(guān))

知乎彩蛋

知乎的彩蛋和嗶哩嗶哩的類似,都是字符畫,但是知乎的彩蛋里還附加了前端招聘的廣告(找到了知乎彩蛋的原因——缺前端)。有興趣的小伙伴可以考慮投簡歷了!

天貓

天貓也有其控制臺彩蛋,也是字符畫加招聘廣告的形式。

天貓彩蛋

天貓和淘寶同為阿里系的公司,天貓有彩蛋但是淘寶卻沒有,可能是天貓比較缺人吧?

斗魚

斗魚也有控制臺彩蛋,但是他比較簡單,只有幾行文字介紹。

斗魚彩蛋

不過值得一提的是,斗魚要求投遞簡歷要有一定格式,相比于下面的百度而言,感覺發(fā)往斗魚的簡歷更容易被采納。

百度

百度是小編最早知道的有控制臺彩蛋的一個(gè)網(wǎng)站,他的控制臺彩蛋是比較簡單的招聘廣告:

百度彩蛋

百度的彩蛋雖然比較簡單,但是閱讀起來也讓人感到血脈蓬勃呢。

京東

別的網(wǎng)站的互聯(lián)網(wǎng)彩蛋不是玩梗就是招聘廣告,京東應(yīng)該算是一股清流。他介紹他網(wǎng)站使用的技術(shù),還貼心的給人推薦該技術(shù)的官方網(wǎng)站:

京東彩蛋

豆瓣

豆瓣也有彩蛋,但這個(gè)彩蛋有點(diǎn)短,小編差點(diǎn)就錯(cuò)過了。


如何調(diào)試js代碼

小編聽說愛奇藝也有彩蛋,然后百度搜了一個(gè)愛奇藝的鏈接點(diǎn)進(jìn)去,然后發(fā)現(xiàn)了這個(gè)。

愛奇藝網(wǎng)頁控制臺

這位程序員把一些內(nèi)容放到控制臺打印出來,這本來是一個(gè)不錯(cuò)的操作,但是在生產(chǎn)環(huán)境中這些是不能打印出來的,所以小伙伴如果有在js代碼中輸出這些內(nèi)容的話千萬記得在上線之前清理掉這類代碼。

 關(guān)于愛奇藝的彩蛋,小編前往了主站進(jìn)行查看,很遺憾這個(gè)彩蛋已經(jīng)沒有了。

很多細(xì)心的小伙伴會(huì)發(fā)現(xiàn)控制臺輸出的代碼是一行一行的。沒錯(cuò),他們就是一行一行的,而且每行的最右邊都有一個(gè)對應(yīng)的js名稱和js行數(shù),一行對應(yīng)一個(gè)輸出(或者報(bào)錯(cuò))。但是有些時(shí)候報(bào)錯(cuò)會(huì)像java(或者python)一樣拋出一堆的堆棧調(diào)用。我們可以點(diǎn)擊右邊對應(yīng)的行數(shù)前往對應(yīng)的js代碼行中,這樣就能快速確定報(bào)錯(cuò)的代碼在第幾行了。(之前說過如果對字符畫感興趣的小伙伴可以用這種方式找到對應(yīng)的字符畫生成函數(shù))

小結(jié)

以上就是小編知道的所有網(wǎng)頁控制臺彩蛋了,通過控制臺彩蛋的介紹我們還學(xué)會(huì)了js錯(cuò)誤定位的方法,是不是算在找樂子中獲得了知識呢?更多有趣的編程開發(fā)知識還請關(guān)注W3Cschool,小編會(huì)慢慢跟小伙伴們進(jìn)行分享的!


0 人點(diǎn)贊