App下載

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

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

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

前言

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

嗶哩嗶哩

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

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

知乎

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

知乎彩蛋

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

天貓

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

天貓彩蛋

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

斗魚

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

斗魚彩蛋

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

百度

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

百度彩蛋

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

京東

別的網站的互聯網彩蛋不是玩梗就是招聘廣告,京東應該算是一股清流。他介紹他網站使用的技術,還貼心的給人推薦該技術的官方網站:

京東彩蛋

豆瓣

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


如何調試js代碼

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

愛奇藝網頁控制臺

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

 關于愛奇藝的彩蛋,小編前往了主站進行查看,很遺憾這個彩蛋已經沒有了。

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

小結

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


0 人點贊