查看網站所使用的軟體的4種工具(以及為什麼要使用)

在某個時候,我們都看過一個網站,想知道它是如何組合在一起的。 但是,您可能會發現好奇心使您變得更好,從而引導您精確地了解網站所使用的軟體。 好消息是它比您想像的要容易。 您所需要的就是正確的工具,以幫助您深入研究任何頁面的源代碼並弄清楚其構建的堆棧。 在本文中,我們將討論您為什麼要執行此操作,並向您介紹四個工具來幫助您回答問題。

讓我們開始吧!

為什麼您想知道網站內置了什麼軟體

「建立」網站並不是您完成的工作。 您可能正在尋找可以添加的新功能,或者一直在尋求改善用戶體驗(UX)的方法。 網站發展,無論在設計還是功能上。 這些變化中的很大一部分來自查看其他網站並認為「嘿,該功能很酷!」。 您可能還對 HTML和CSS 與以前相比,甚至獲得了更多的洞察力 最佳設計實踐 和可訪問性。

在許多情況下,確定站點的構成和結構可能很複雜。 畢竟,您無權訪問其後端,開發人員也沒有義務為您提供任何見識。

幸運的是,僅需查看其源代碼即可獲得所需的許多答案。 更好的是,您可以使用一種工具在源代碼中查找常見的模式和代碼段,並確切告訴您需要了解的內容,例如:

  • 網站正在使用什麼內容管理系統(CMS)?
  • 網站中使用哪種語言?
  • 他們是否依賴特定的WordPress插件或第三方工具和服務?
  • 他們使用什麼託管服務?

有了這些信息,您就可以對許多很酷的功能進行逆向工程,以找出網站的構建基礎,並依次改善您的網站。 最重要的是,此信息不是秘密信息,也不是非法獲取信息-您只需要知道要查找什麼。

查看網站所用軟體的4種工具

我們將要探索的工具系列非常易於使用。 在大多數情況下,他們會指出網站堆棧的不同方面,因此您可以將您真正想知道的信息拼湊在一起。 我們也不會以任何特定的順序展示它們,因此請隨意跳轉並仔細閱讀任何您喜歡的東西。

1. Netcraft

使用4種工具查看構建了一個網站的軟體以及為什麼要使用1種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

Netcraft 是一種網路防禦軟體套件,可幫助保護客戶網站免受攻擊並確保其網路安全。 但是,它們還使您可以免費查找有關特定域的信息並查找有關其網路的信息。 只需輸入一個URL,您將獲得有關任何網站的公共域和託管信息的完整報告:

使用4種工具查看構建了一個網站的軟體以及為什麼要使用2種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

您還會得到哪種類型的細分 安全套接字層(SSL)證書 他們正在使用(如果有):

4種工具可以查看構建了什麼軟體的網站以及為什麼想要3種工具4種工具可以查看構建了哪些軟體的網站(以及為什麼選擇想要)

如果您要查找特定站點使用的託管服務,則可以使用該工具。 但是,如果您要調查的網站使用內容分發網路(CDN),則Netcraft將無法找到底層主機(儘管對於許多此類工具而言,這是正確的,並且是CDN設計的一部分。)

無論如何,這些信息本身都是有用的。 例如,如果您欣賞網站的性能,則可以了解 什麼CDN服務 它正在使用,並考慮將其添加到您的網站。

2. Wappalyzer

使用4種工具查看構建了一個網站的軟體,以及為什麼想要4種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

Wappalyzer 自稱「技術數據提供商」。 目的是幫助您分析網站,以找出構成整體的所有潛在元素。 要使用Wappalyzer的技術查找工具,您必須註冊一個免費帳戶,然後查找特定的URL:

使用4種工具查看構建了一個網站的軟體以及為什麼要使用5種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

Wappalyzer完成後,它將返回它能夠識別的軟體列表。 對於優雅主題,它可以正確識別 雲耀斑谷歌分析標籤管理器和Google字體:

4種工具可以查看構建了什麼軟體的網站以及為什麼想要6種4種工具可以查看構建了哪種軟體的網站(以及為什麼使用想要)

該工具還檢測到 WooCommerce 正確地。 但是,每個工具的細節量都有些不足。 例如,儘管Wappalyzer確定了與WordPress的集成,但它沒有提供有關它的任何特定詳細信息。 一方面,這對安全性有好處,但對您的主要目標不利。

同樣,Wappalyzer能夠將YouTube檢測為網站上的15種技術之一。 但是,如果單擊任何結果,只會簡要了解其他網站正在使用的結果:

4種工具可以查看構建了什麼軟體的網站以及為什麼想要7種4種工具可以查看構建了哪些軟體的網站(以及為什麼要這麼做)想要)

總體而言,Wappalyzer為您提供了一種獲取任何網站技術列表的快速方法。 但是,為了充分利用該服務,您需要具備一些Web開發知識,才能正確識別每個集成的功能。

3.內建

使用4種工具查看構建了一個網站的軟體,以及為什麼想要8種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

建於 包括一系列工具,使您可以查找有關網站使用什麼軟體,其主要關鍵字等等的網站數據。 您可以通過輸入要分析的網站的URL來獲得成功。 然後,Builded With將返回它可以識別的所有軟體和工具的列表:

使用4種工具查看構建了一個網站的軟體,以及為什麼想要9種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

使用Built With獲得的細節量驚人。 為了給您一個想法,該服務能夠識別三種不同類型的Facebook集成。 到目前為止,它也是唯一可識別多個WordPress插件的工具,包括 君主社交分享Yoast SEOW3總緩存, 和更多。

同時,Built With能夠通過網站的CDN集成來正確識別Web託管提供商。 唯一的缺點-很小-是我們得到的名單很多。 在某些情況下,Built With也包括網站不再使用的工具,但是很容易發現它們,因為該服務會告訴您何時進行更改。

如果您沒有時間深入研究任何特定網站的堆棧,那麼這可能是一個缺點。 但是,如果您正在尋找儘可能多的細節,那是完美的。

4. Webspotter

4種工具可以查看構建了什麼軟體的網站以及為什麼想要10種4種工具可以查看構建了哪些軟體的網站(以及為什麼選擇想要)

Webspotter 是一項服務,使您可以查找要定位的企業的聯繫信息和潛在客戶。 但是,他們還提供了 免費的Chrome擴展程序 可幫助您訪問有關網站構建技術的信息:

使用4種工具查看構建了一個網站的軟體以及為什麼要使用11種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

安裝Webspotter後,請訪問您要檢出的網站,然後單擊擴展程序的圖標。 然後,您將看到其軟體堆棧的概述:

使用4種工具查看構建了一個網站的軟體以及為什麼要使用12種4種工具來查看構建了哪種軟體的網站(以及為什麼使用想要)

分析本身並未顯示出與Wappalyzer或Built With一樣多的集成。 但是,如果您沒有時間在每個網站上進行完整的分析,則可以即時使用這種工具。

此外,Webspotter還可以幫助您從任何網站收集可用的電子郵件,從而為您提供以下列表: 潛在的聯繫方式

4種工具可以查看構建了什麼軟體的網站以及為什麼要13種4種工具可以查看構建了哪些軟體的網站(以及為什麼使用想要)

如果找不到所需的信息,可以嘗試通過運氣向負責人發送電子郵件,要求他們提供專業技術知識。 您可能沒有得到答案,但是嘗試也不會受傷!

結論

您每天與之互動的很多網站都是 建立在WordPress之上。 但是,僅僅知道一個站點使用WordPress是不夠的。 如果您想知道他們使用了哪些插件或工具來支持特定功能,則需要更深入地研究。

使用這四個工具,您可以精確地找到每個網站使用的軟體:

  1. Netcraft: 該服務為您提供有關域以及網站使用什麼託管服務的深入信息。
  2. Wappalyzer: 一個很好的解決方案,可以在網站上快速獲得技術列表。
  3. 內置: 找出網站過去使用或曾經使用過的工具。
  4. Webspotter: 此Chrome擴展程序可讓您即時找到有關網站的信息。

您對如何識別網站使用的軟體有任何疑問? 讓我們在下面的評論部分中進行研究!

由KostyaTimofeev / shutterstock.com撰寫的文章縮略圖

資源

相關文章