天天看點

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

對于前端開發人員來說,目前的前端架構層出不窮,最受歡迎的莫過于所謂的前端架構三駕馬車:Angular, React和Vue。在學習的過程中,肯定好奇現在的網際網路公司的網站用的何種前端架構來開發的。

Chrome擴充程式商店裡就提供了這樣一款應用:wappalyzer:

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

安裝後,打開某個你想研究的網站,點選Chrome浏覽器工具欄這個小按鈕,即可召喚出Wappalyzer的頁面。

下面是用這個介紹的Chrome擴充應用Wappalyzer檢視到的一些網際網路公司的網站的技術棧。

百度:用了SWFObject和jQuery。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

京東:用了webpack,jQuery。京東的jQuery版本比百度低不少啊。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

github: 伺服器用的Tengine,JavaScript庫用的Zepto。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

Github:程式設計語言用的Ruby,有自己的CDN:Github pages。Web架構:Ruby on Rails。還用了Google用于報表處理的服務:Google Analytics。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

SAP的官網:程式設計語言為Java,前端也用的jQuery。因為和Facebook做了內建,是以用了Facebook Widget。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

國内程式員寫部落格的部落格園:jQuery 2.2.0, XRegExp 1.5.0. 也用了Google的報表服務Google Analytics。程式員寫部落格,少不了貼代碼,需要文法高亮,是以用了SyntaxHighlighter。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

騰訊雲社群: 伺服器用的Nginx, 前端架構用的React,此外還有Prism。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

國内另一個IT部落格網站ITEye:用了Prototype。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

今日頭條:伺服器用的Nginx,前端架構用的jQuery。也用了Google Analytics。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

阿裡雲社群:用的jQuery,webpack,伺服器用的Tengine,也用了Google Analytics。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

簡書:難得地用了Vue,版本2.4.2. 程式設計語言用的Ruby,也用了Moment.js和jQuery。Web架構還用了Ruby on Rails和Bootstrap。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

Twitter:Google Analytics。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

Google:用的Google自己的伺服器Google Web Server。

推薦一個有趣的Chrome擴充程式-檢視任意網站的開發技術棧

繼續閱讀