建站
咨詢
售后
建站咨詢
新聞中心
關(guān)于成為web開發(fā)人員的最好笑話之一是，您將20%的時(shí)間花在編碼上。而另外80%的人則在互聯(lián)網(wǎng)上搜索您遇到的問題的解決方案。如果有點(diǎn)夸張，這也不是非常不真實(shí)。多虧了像Can I Use這樣的工具， 可以大大減少搜索時(shí)間。
什么是CanIUse？
使用此工具，可以快速查看網(wǎng)站上的特定技術(shù)是否與特定瀏覽器兼容的問題，可幫助您更輕松地做出設(shè)計(jì)和開發(fā)決策。該網(wǎng)站主要由Alexis Deveria建立和維護(hù)， Lennart Schoors設(shè)計(jì)。CanIUse是一個(gè)開源項(xiàng)目，任何人都可以有助于為促進(jìn)信息的數(shù)據(jù)庫，甚至小的努力。
使用該工具很簡單。通過對屬性、參數(shù)或功能的簡單搜索，caniuse.com將準(zhǔn)確地告訴您哪些瀏覽器和版本支持該技術(shù)。 CanIUse還可以讓您了解您正在尋找的屬性的變體。這樣你就知道哪些瀏覽器支持哪些類型的媒體查詢。
以及到什么程度。兼容性圖表不僅表明瀏覽器是否支持該技術(shù)，還表明是否支持某些版本的部分兼容性。
為什么要使用CanIUse？
好吧，對于初學(xué)者來說，如果您想為您的客戶、顧客和訪客提供最佳體驗(yàn)，您應(yīng)該使用它。在嘗試決定是否應(yīng)該使用懸停效果、透明效果、jquery on-clicks甚至自動(dòng)暗模式切換時(shí)。
如果您使用您能想到的所有花里胡哨建立一個(gè)網(wǎng)站，做出比應(yīng)用程序更具藝術(shù)性的精美設(shè)計(jì)，那么您已經(jīng)完成了一些了不起的事情。但是，如果您的主要人群仍然使用 Internet Explorer 6（不寒而栗），那么不僅會(huì)浪費(fèi)您的設(shè)計(jì)和開發(fā)時(shí)間，而且您的網(wǎng)站也會(huì)從根本上被破壞。訪問者甚至可能無法在最基本的水平上發(fā)揮作用。
不可否認(rèn)，大多數(shù)（但不幸的是并非全部）您的訪問者將使用比 IE6 更現(xiàn)代的東西。然而，使用的不同瀏覽器的數(shù)量是巨大的。不同版本的平板電腦、手機(jī)和臺(tái)式機(jī)。好吧，值得一看的是您即將推出的網(wǎng)站（或什至您現(xiàn)有的網(wǎng)站）是否符合您的受眾的最佳利益）。
如何使用CanIUse
該網(wǎng)站的工作流程非常簡單，而且UI非常易于閱讀。
看看上面的截圖，你可以在搜索字段中輸入任何你想要的技術(shù)。我們找到了使用您在代碼中使用的特定語法的最佳結(jié)果。不是語義化的、人類可讀的術(shù)語。如在(1) 中，應(yīng)該選擇prefers-color-scheme而不是使用暗模式切換CSS。
CanIUse給出的描述 (2)也使得如果您正在研究一項(xiàng)技術(shù)，您可以準(zhǔn)確地看到它是什么、它做什么以及它如何與DOM交互。
CanIUse最有用的部分之一是任何特定條目底部的注釋 (3)選項(xiàng)卡。它本身不是技術(shù)信息，它更多的是提醒您可能有一些您在彩色版本圖表中看不到的注意事項(xiàng)。
當(dāng)您將鼠標(biāo)懸停在特定瀏覽器版本上時(shí)（讓我們以臭名昭著的Internet Explorer 6為例），會(huì)出現(xiàn)一個(gè)包含大量信息的彈出窗口(4)。該版本的全球總使用量，開發(fā)人員是否仍然支持它，以及使用BrowserStack模擬測試技術(shù)的能力。最后一點(diǎn)很重要。查看不受支持的功能如何呈現(xiàn)可能會(huì)向您展示解決問題的方法。
有時(shí)，備注 (5)選項(xiàng)卡還會(huì)顯示特定類型的功能已被棄用。在上面的示例中，@media查詢已被棄用。因?yàn)橛幸粋€(gè)單獨(dú)工作的dark-mode/light-mode查詢。
如何查找網(wǎng)站訪客使用的瀏覽器
考慮到所有這些，您可以查看要使用的任何給定技術(shù)支持哪些瀏覽器。但這如何必然適用于您的用戶？您可以使用Google Analytics或者百度統(tǒng)計(jì)深入了解訪問者使用的瀏覽器和操作系統(tǒng) (OS)，以確保盡可能兼容。下面以Google Analytics為例：
首先，導(dǎo)航到左側(cè)邊欄的Audience（受眾）部分。然后展開 Technology（技術(shù)）并單擊 Browser & OS（瀏覽器&操作系統(tǒng)）。
正如您看到的用戶細(xì)分以及他們用來訪問您網(wǎng)站的瀏覽器。如今，幾乎每個(gè)網(wǎng)站都將成為頂級的Chrome和Safari。Chrome因?yàn)樗亲烂嬗脩舻臉?biāo)準(zhǔn)（也是Android設(shè)備的默認(rèn)設(shè)置）。和Safari，因?yàn)閕Phone（以及 MacOS）默認(rèn)使用它。
單擊瀏覽器 (3)可以讓您查看正在使用的瀏覽器版本（字面意思是發(fā)布）。如果您注意到，下面的版本有很多差異。從12.x一直到604.x。這是一個(gè)很大的差距。它表明操作系統(tǒng)使用情況有所不同。因此，單擊其他 (4) 并在下拉菜單中滾動(dòng)，查找操作系統(tǒng)（5）。
現(xiàn)在按操作系統(tǒng)排序?，F(xiàn)在您將看到有多少流量是移動(dòng)的，有多少是桌面的。
有了這些信息，您就可以返回Caniuse.com并確保您網(wǎng)站上的任何技術(shù)都能像應(yīng)有的那樣為最高比例的用戶提供服務(wù)。
小結(jié)
因此，下次您在查看一些新技術(shù)或閱讀css教程并找到新的東西時(shí)，請查看caniuse.com。某些瀏覽器可能需要一段時(shí)間才能識(shí)別某些技術(shù)。但是，如果您的大多數(shù)受眾來自支持新功能和有趣功能的瀏覽器，Can I Use絕對可以告訴您是否可以使用它。
網(wǎng)站欄目：什么是Caniuse及如何使用它提升網(wǎng)站
瀏覽地址：http://fisionsoft.com.cn/article/dhccoei.html
