你愛的網站是怎麼做出來的？這款谷歌插件能分析網站設計架構
編者注:谷歌插件是用來向谷歌添加或修改功能的瀏覽器擴展程序。 這些擴展程序通常使用HTML、JavaScript和CSS等語言編寫而成。谷歌插件可以從谷歌應用網站上下載。本文選自Katharine Schwab近日在fastcodesign上發表的This Chrome Extension Is Like X-Ray Vision For Web Design。
你每天瀏覽的網站是什麼？ 它使用了哪種編程語言？ 是什麼字體？ 如何對在線訪問者進行追蹤？ 這些細節通常需要採取一些挖掘工具來獲取 - 但是有一個新的，叫做WhatRuns的谷歌瀏覽器插件，會立即顯示出互聯網上任何網站使用的工具和程序。
截圖:使用What runs 分析的36kr 網站
但現在，只需點擊一下What runs圖標，即可發現Twitter是用Python和PHP語言編寫的。 紐約時報使用了許多字體，包括切爾滕納姆自定義版本。 毫不奇怪，YouTube使用了許多Google的工具，如字體的API和開源Google Web Toolkit。
What runs插件是由企業家Jijo Sunny創建的。 它最初是被用來識別排名前50的廣告網路，然後延伸到分析框架和腳本，並最終擴展到檢測在網站幕後所運行的各個組件，從小部件到字體分析。 雖然它並不全面，但創始人在他們的博客中寫道：現在我們專註於最受歡迎的工具，今後，我們還會擴展到一些早先使用的技術。
對網站設計師而言，WhatRuns，或許是一個用來確定其他網站，使用什麼樣的技術，非常有用的工具。 對於那些正在尋找完成後端任務新途徑的人來說，這是一個發掘靈感的金礦。 當你找到所喜歡的網站時，你可以進行網路訂閱，以便隨時更新它所使用的技術。
（本文由36Kr編譯組授權發布，未經許可不得轉載。編輯/郝鵬程）
※商務出行必備這四大科技產品，半路上才不會掉鏈子！
※先賺1個億？想要達到小目標，這14件事兒你做了么？
※微博才是真正的360°全景圖，FB這個「偽360°」只是中等意思！
※騰訊變身包租婆，推出WeGame遊戲平台，以後躺著就能賺錢！
TAG:氪星情報局 |
※可怕！只要 1 分鐘聲音，這個網站就能創造出你的講話！
※有了這幾個網站，你還怕做不出有意思的動圖嗎
※花瓣網又雙叒叕掛了！設計師要哭了…你需要這些網站救命！
※怎樣才能找到一家靠譜的做定製網站的公司？
※算命網站「算的准」，是因為你被套路了
※相親網站的演算法真的能為我們找到那個 TA 嗎？
※國外一網站火了起來「你看的這些人並不存在！」網友：細思極恐！
※如何買到最划算的機票？這些網站可以幫你省好多錢
※這是一個你來了，就送VIP的良心網站
※怎樣在不能直郵中國的網站剁手？
※搜免費電子書，怎麼能少了這些網站！
※快來看呀！吸引人的網站需要這樣製作
※要研究細胞系，基因？你可能會對這個網站愛不釋手哦
※吐血分享！這些網站或許能帶給你靈感
※《魔法少女網站》：這麼扭曲的設定，還能有什麼神轉折出現？
※什麼是網站，網站的分類與構成
※這幾個電影網站，你想看的大片都能找到！
※哪些網站能買到好看又小眾的衣服？
※除了豆瓣，你還可以來這些網站尋找「高分神作」
※怎麼建立自己的網站？做網站都需要什麼？