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

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

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

我說的“做對”是什么意思？您可能注意到，其中一些站點(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í)。

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

1. 亞馬遜

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

2. 沃倫信托

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

3.東西&胡說八道

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

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

4. 邁克·麥

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

5. 安慰的房子

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

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

6. 推特

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

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

說實(shí)話，推特從來沒有這么快過。

7. 松弛

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

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

8. WebdesignerDepot

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

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

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