摘要：一個(gè)是在用戶載入網(wǎng)頁(yè)時(shí)，檢測(cè)用戶電腦上安裝了什么軟件。通過(guò)用戶瀏覽器抽出這種字體簽名，就能幫你檢測(cè)用戶安裝到電腦上的軟件種類這不需要任何額外的用戶許可。

為特定用戶的意圖和需求量身定制使用網(wǎng)站的體驗(yàn)，無(wú)論是讓你的網(wǎng)站具有更好的移動(dòng)友好性，還是讓它與用戶的地理位置更加相關(guān)，都能夠收獲巨大的回報(bào)。

而大部分網(wǎng)站能夠檢測(cè)用戶的瀏覽器和操作系統(tǒng)，或根據(jù)用戶IP地址來(lái)獲得他們的大致位置，大部分網(wǎng)站在直接吸引用戶上可以做得更好。

有一些不太明顯的技術(shù)讓你能夠更進(jìn)一步。一個(gè)是在用戶載入網(wǎng)頁(yè)時(shí)，檢測(cè)用戶電腦上安裝了什么軟件。

下面是原理：無(wú)論你何時(shí)安裝任何主流軟件包，你通常最后會(huì)在你的系統(tǒng)上得到一堆新字體。這些字體差不多總是有唯一性，不僅僅是軟件包，還有軟件包的具體版本。通過(guò)用戶瀏覽器抽出這種“字體簽名”，就能幫你檢測(cè)用戶安裝到電腦上的軟件種類——這不需要任何額外的用戶許可。

訪問(wèn)到了用戶字體，和他們相應(yīng)安裝的軟件，意味著你能預(yù)先知道他們可能在你的網(wǎng)站尋找什么。例如，你能為 已經(jīng)安裝了設(shè)計(jì)軟件的用戶 重新排列你公司網(wǎng)站上的工作列表，以顯示設(shè)計(jì)師/用戶體驗(yàn)工程師職位。如果你支持多種格式的下載，你可以僅僅顯示你知道的、用戶能夠打開的那些格式?；蛘?，如果你能夠檢測(cè)用戶有一個(gè)Photoshop或Office的過(guò)期版本，你可以加入Microsoft或Adobe推廣程序，運(yùn)行Office 365和Creative Cloud上面的廣告。

有一些通過(guò)用戶瀏覽器來(lái)抽取用戶已經(jīng)安裝字體的方法。最簡(jiǎn)單的方式是借助一個(gè)小巧的flash腳本來(lái)返回字體列表。我，就我個(gè)人而言，使用font-detect-js。然而，稍下點(diǎn)兒功夫，你也能夠不用flash就搞定。你可以僅僅依靠jQuery&CSS，試著渲染、測(cè)量在一個(gè)隱藏div內(nèi)的字體。Lalit Patel在《JS/CSS Font Detect》文章有討論。

一旦你有了用戶字體列表，把列表映射回他們安裝的軟件就相當(dāng)容易了。很多廠商列出了與他們軟件綁定的字體。下面是一些例子：

Apple iWork

Microsoft Office 97, 2000, XP, 2003

Microsoft Office 2007

Microsoft Office 2008

Microsoft Office 2010

Microsoft Office 2013

Adobe CS3 (2)

Adobe CS4

Adobe CS5 (2)

Adobe CS6

Adobe Photoshop Elements 8

Adobe Creative Cloud

在一些情況，你也能夠檢測(cè)用戶是否注冊(cè)了他們的Adobe產(chǎn)品。那是因?yàn)樽鰹樽?cè)的交換，Adobe會(huì)給用戶分配免費(fèi)字體，比如Hypatia Sans，Adobe Text或Garamond Premier。

這里有一個(gè)簡(jiǎn)單的demo，可以檢測(cè)是是否安裝了一些軟件：http://johnmcl.github.io/software-detect-js/

你也能夠在Github下載、貢獻(xiàn)這個(gè)項(xiàng)目，這里：https://github.com/johnmcl/software-detect-js/

原文 How to detect the software your visitors have installed
翻譯 臘八粥