太多的開(kāi)發(fā)人員依賴JavaScript作為基本資源。我們研究了一系列現(xiàn)代的、交互式的、不需要JavaScript就具有出色用戶體驗(yàn)的站點(diǎn)。

我們將揭露互聯(lián)網(wǎng)上的幾個(gè)“怪胎”！它們不需要JavaScript來(lái)顯示他們的內(nèi)容！

你以為我在開(kāi)玩笑嗎？使用普通HTML和CSS呈現(xiàn)的網(wǎng)站建設(shè)越來(lái)越少。在這個(gè)節(jié)骨眼上，我不知道該怪誰(shuí)，真的值得責(zé)備誰(shuí)嗎？我可以把矛頭指向任何我認(rèn)為應(yīng)該受到指責(zé)的人或任何東西，或者我可以把矛頭指向有創(chuàng)意的、有時(shí)做得不錯(cuò)的大型網(wǎng)站！

我說(shuō)的“做對(duì)”是什么意思？您可能注意到，其中一些站點(diǎn)確實(shí)使用JavaScript實(shí)現(xiàn)了一些功能。但這里有一個(gè)秘訣：如果您關(guān)閉JavaScript，這些站點(diǎn)仍然可以正常工作。內(nèi)容不會(huì)消失。JavaScript效果和特性有后退！站點(diǎn)會(huì)逐步增強(qiáng)，或者會(huì)優(yōu)雅地降級(jí)。

無(wú)論哪種方式，它們都有效。而且現(xiàn)在很難找到。

1. 亞馬遜

您可能期望一個(gè)站點(diǎn)在任何給定頁(yè)面上顯示的信息與Amazon使用大量JavaScript來(lái)更有效地組織它一樣多。不是這樣的。關(guān)掉JS，你就可以買到好東西了。

2. 沃倫信托

沃倫信托基金是另一個(gè)相當(dāng)體面地降級(jí)的基金。有了JS，該網(wǎng)站使用AJAX技術(shù)從其他頁(yè)面加載內(nèi)容，而不需要離開(kāi)主頁(yè)。關(guān)掉JS，它不會(huì)像打開(kāi)JS一樣工作，但它確實(shí)可以工作。你仍然可以看到每一頁(yè)，但是，你知道，在它自己的頁(yè)面上。

3.東西&胡說(shuō)八道

《Stuff & Nonsense》是由知名且自認(rèn)是網(wǎng)頁(yè)設(shè)計(jì)師的安迪·克拉克創(chuàng)作的。有JS和沒(méi)有JS都可以。這是一個(gè)很好的例子，說(shuō)明(大多數(shù)情況下)無(wú)論哪種方式都可以很好地工作。

當(dāng)JS關(guān)閉時(shí)，唯一不能工作的是音頻播放器。這是可以預(yù)料到的，真的。我不能為此扣掉多少分。

4. 邁克·麥

Mike Mai的站點(diǎn)足以證明您的站點(diǎn)可以很有創(chuàng)意——如果在這種情況下有或沒(méi)有腳本有點(diǎn)奇怪的話。它可能不是視覺(jué)可訪問(wèn)性的海報(bào)站點(diǎn)，但它確實(shí)顯示了哪些東西可以用普通的老式HTML和CSS來(lái)完成，而這些東西正是那些瘋狂地嘗試它的人所能做到的。

5. 安慰的房子

《慰藉之家》是一個(gè)發(fā)人深省的例子，它告訴我們一個(gè)網(wǎng)站無(wú)論在任何時(shí)間、任何情況下都絕對(duì)需要工作，無(wú)論哪種技術(shù)是有效的還是無(wú)效的。畢竟這是一個(gè)自殺預(yù)防中心。

您可能會(huì)爭(zhēng)辯說(shuō)，在某些情況下，您的目標(biāo)人群應(yīng)該始終啟用JavaScript，但是有些服務(wù)太重要了，不能聽(tīng)之任之。

6. 推特

是的，Twitter。在研究這篇文章時(shí)，我發(fā)現(xiàn)Twitter在沒(méi)有JavaScript的情況下也能很好地工作。他們的解決方案可能有點(diǎn)復(fù)雜，但是很有效。

簡(jiǎn)而言之，Twitter實(shí)際上會(huì)將您重定向到一個(gè)精簡(jiǎn)的移動(dòng)版Twitter。它是完全功能的，除了像實(shí)時(shí)更新feed之類的功能。誰(shuí)說(shuō)社交媒體一定需要JavaScript?

說(shuō)實(shí)話，推特從來(lái)沒(méi)有這么快過(guò)。

7. 松弛

您可能需要JavaScript來(lái)實(shí)際運(yùn)行一個(gè)Slack聊天室，但是這個(gè)面向客戶機(jī)的站點(diǎn)的其余部分看起來(lái)和工作都很好。它甚至在URL中有一個(gè)沒(méi)有JavaScript的條件。當(dāng)你需要讓JS運(yùn)行時(shí)，他們會(huì)告訴你。

說(shuō)真的，很多網(wǎng)站寧愿讓你盯著空白頁(yè)看，也不愿讓你說(shuō)：“哎呀！看起來(lái)JS壞了。”或者讓您重新啟用它。我不喜歡這件事。

8. WebdesignerDepot

說(shuō)真的，試試吧。你會(huì)看到一些視覺(jué)上的降級(jí)，但是所有重要的東西看起來(lái)都很好，而且工作得很好。這就是一切。

當(dāng)然我不是說(shuō)你應(yīng)該完全拋棄JS，但我相信我們應(yīng)該更多地考慮我們做什么，而不是用JavaScript實(shí)現(xiàn)。

看看我在這里列出的網(wǎng)站?？纯茨阕约?。對(duì)于你用腳本實(shí)現(xiàn)的每一件事，問(wèn)問(wèn)你自己是否真的，真的需要把它變成一個(gè)腳本。