每次逛到喜歡的網站,總會忍不住好奇:這網站是怎麼做出來的?用的是什麼工具、平台還是框架?之前看到有網友推薦一款 Chrome 擴充外掛叫做 Wappalyzer,用來分析網站技術超方便!
操作流程:
1.先到Google瀏覽器中輸入 Chrome 線上應用程式商店 ,接著點選進入頁面。

2.請在上方的搜尋中輸入wappalyzer。

3.點選應用程式。

4.請點選右邊加入Chrome。


5.安裝後請點選右上方的外掛圖示,點選它執行。

6.為了方便,我大部分都會將 擴充功能 使用 圖釘 來固定APP軟體。

7.當點選到網站 例如 小賴的教學窩 網站是使用WordPresss內容管理系統製作的,因此我們可以看到右上方的Wappalyzer圖示中會顯示數字。
這些數字代表 Wappalyzer 偵測到該網站使用了 14 種不同的技術或工具。

點擊後就能看到這個網站使用的技術
圖中看到的 14 項技術包含:
WordPress(CMS)
MySQL(資料庫)
Site Kit(分析)
Google AdSense(廣告聯播)
WordPress(部落格)
HSTS(安全性)
Gutenberg(編輯器)
Moment.js(JavaScript 函式庫)
jQuery Migrate(JavaScript 函式庫)
jQuery(JavaScript 函式庫)
Astra(佈景主題)
現在我們可以輕易的知道網站是使用何種技術製作而成的,真的很方便也簡單操作,希望大家能喜歡。
