App下載

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

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

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

前言

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

嗶哩嗶哩

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

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

知乎

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

知乎彩蛋

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

天貓

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

天貓彩蛋

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

斗魚

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

斗魚彩蛋

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

百度

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

百度彩蛋

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

京東

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

京東彩蛋

豆瓣

豆瓣也有彩蛋,但這個彩蛋有點短,小編差點就錯過了。


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

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

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

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

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

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

小結(jié)

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


0 人點贊