今天來推薦給大家一個當初 Shawn 向我大推的神器

將將!!!

Imgur

Install

廢話不多說先安裝, 由於 wappalyzer 是一個 browser extension, 所以各位可以放心的安裝且可以隨時移除, 什麼都不用擔心

How to use

安裝完成右上角會出現一個小 icon, 點下去之後會出現這個網站所用的各種技術

如圖可見我偷看的這個網站是用 WP 架站, 以及 Gravatar, Nginx, 還有 Google 的服務, cdn 託管, 還有 Fontawesome, 各種大公司的技術被我們強制野外露出

Imgur

技術細節

其實 wapplyzer 會在網站載入時, 從 browser 送一個 inject.js 進入 web server, 藉此獲取資訊

我們可以從開發者模式的 network 看出來

Imgur

以下為各大網站技術的超猛火力展示,涵蓋國內外許多超猛軟硬體甚至其他產業的公司,我們可以一窺其技術架構

Dcard

Imgur

Instagram

Imgur

Imgur

Imgur

Netflix

Imgur

DockerHub

Imgur

HBO

Imgur

Airbnb

Imgur

Codecademy

Imgur

Clash of Clans

Imgur

Trello

Imgur

UNI QLO US

Imgur

Yahoo mail

Imgur

WhatsApp

Imgur

IMDB

Imgur

Hack NTU

Imgur

DILLINGER

Imgur

結語

Wappalyzer 真的是很好用,我覺得每個人都可以從中學到許多 web 技術

有時候不是我們不懂某個技術,是我們根本不知道別人在用什麼

比如

Google 的 Inbox 是使用 JRE

Google Analytics 是 Google 賣錢的軟體,但是 Google 也不吝嗇使用 D3.js

我覺得這一段時間來我使用之後最大的心得就是

快點學 react 因為上面每個超猛公司都有用

Imgur

#react法大好 #react is the future #下次 gordon 教你 react #今天就是 react 葉佩雯