1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. 網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境

網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境

2022/05/20

梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
  每當看到新的網站時,梅干就會忍不住的查看一下原始碼,看一下該網站是什麼建製的,以及使用那了些的元件,有時在檢視的過程中,也會讓梅干發現許多有趣的模組,雖然說梅干已相當習慣使用檢視原始碼的方式來檢視網站,但在檢視的過程中,還是得花時間。

因此最近梅干發現一個好物,就是WhatRuns透過此外掛,就能透過瀏覽器,立即顯示該網站使用了那些的元件,以及架設的環境,甚至這個外掛還有個相當棒的功能,當條列出來的套件時,還可以開啟該元件的相關連結,如此一來也可針對一些有趣的外掛,快速的了解該元件要怎麼來使用,因此身為網設的你,WhatRuns 這個外掛可千萬別錯過了。


WhatRuns
Step1
首先進到whatruns的網站後,點下方的按鈕。
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
Step2
接著就會進入該外掛的安裝畫面,再點一下加到Chrome鈕,就可完成安裝。
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
Step3
當安裝完畢後,在網址列後方就會看到一個原始碼的圖示。
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
Step4
以後當要檢視網站使用那些元件與環境時,只要點一下那圖示,立即就會快速的搜尋出該網站使用那些的技術與元件。
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
Step5
當看到陌生的套件時,也可將滑鼠移到套件右邊,就會出現一個連結圖,點一下立即就可啟。
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境
Step6
再進入外掛的官網後,就可好好的來研究一下,該元件要怎來作使用,因此你跟梅干也時常習慣,觀察別人的網站使用了那些元件,不妨也可安裝一下這個外掛囉!
梅問題-網站照妖鏡!WhatRuns 一鍵快速解析網站使用的元件與環境