禁用JavaScript之后，你的網(wǎng)站表現(xiàn)如何？
一
最近要做一個(gè)新官網(wǎng)，需求評(píng)審?fù)曛?#xff0c;考慮到官網(wǎng)都是純靜態(tài)頁(yè)面，功能簡(jiǎn)單，操起vue-cli3幾秒內(nèi)創(chuàng)建好了項(xiàng)目腳手架，開(kāi)發(fā)前，我打開(kāi)了首頁(yè)模板文件，看到下面這行字，有了一些思考……

<strong>We're sorry but **** doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>

（ps：四個(gè)*是項(xiàng)目名，略去了）
二
JS最初是用來(lái)給界面添加交互的，近幾年，前端火的原因則主要是因?yàn)镴S，新技術(shù)絕大部分都是基于JS，隨著MVVM框架的興起，前端越來(lái)越依賴JS，就像現(xiàn)代工業(yè)依賴電力一樣，JS甚至一定程度上替代了HTML，使得前端開(kāi)發(fā)者在開(kāi)發(fā)大型項(xiàng)目上更方便快捷了，目前看起來(lái)一切都很好，嗯，事實(shí)上真的很好嗎？

我想說(shuō)什么呢，回到本文開(kāi)始的那行代碼，它的作用顯而易見(jiàn)，禁用了JS的用戶去訪問(wèn)這個(gè)網(wǎng)站，就會(huì)看到這行提示：當(dāng)前項(xiàng)目離了JS就跑不起來(lái)，請(qǐng)開(kāi)啟JS后繼續(xù)訪問(wèn)。當(dāng)瀏覽器禁用了JS，網(wǎng)站變得一片空白，完全無(wú)法訪問(wèn)，這正常嗎？顯然這是不可接受的，從程序的可訪問(wèn)性、容錯(cuò)性來(lái)評(píng)分，這個(gè)網(wǎng)站的得分肯定是不及格的！

來(lái)看幾家比較知名的企業(yè)官方網(wǎng)站，在禁用JS后表現(xiàn)如何？

小米官網(wǎng) 測(cè)試日期2018-11-26
小米官網(wǎng)容錯(cuò)性測(cè)試

測(cè)試結(jié)果：基本功能無(wú)法使用，導(dǎo)航顯示但無(wú)法點(diǎn)擊
_

魅族官網(wǎng) 測(cè)試日期2018-11-26
魅族官網(wǎng)容錯(cuò)性測(cè)試

測(cè)試結(jié)果：基本功能無(wú)法使用，導(dǎo)航不顯示
_

錘子官網(wǎng) 測(cè)試日期2018-11-26
錘子官網(wǎng)容錯(cuò)性測(cè)試

測(cè)試結(jié)果：基本功能無(wú)法使用，頁(yè)面一片空白
_

測(cè)試結(jié)果很不理想，會(huì)有人說(shuō)，用戶能禁用JS就能啟用JS，和開(kāi)發(fā)者沒(méi)關(guān)系，不必為此做特殊處理。至于需不需要處理，我認(rèn)為需要綜合考慮以下兩點(diǎn)

1、從商業(yè)角度，想不想讓禁用了JS的用戶正常訪問(wèn)你的網(wǎng)站甚至成為你的客戶

2、從開(kāi)發(fā)者角度，考慮開(kāi)發(fā)成本高低，付出和收益是否成正比

上面幾個(gè)例子結(jié)果不太理想，有沒(méi)有做得比較好的企業(yè)？

Apple官網(wǎng) 測(cè)試日期2018-11-26
Apple官網(wǎng)容錯(cuò)性測(cè)試

測(cè)試結(jié)果：90%的功能正常使用，導(dǎo)航顯示且可以點(diǎn)擊切換

Apple：不是我多優(yōu)秀，全靠同行襯托！

果然沒(méi)有對(duì)比就沒(méi)有傷害。同類型的網(wǎng)站，功能大體相同，Apple.com在禁用了JS的情況下仍然可以正常訪問(wèn)90%的內(nèi)容，可訪問(wèn)性優(yōu)。

其他包括tencent.com、360.com等網(wǎng)站這方面也做的不錯(cuò)，就不放圖了。

三
還會(huì)有人問(wèn)，誰(shuí)會(huì)去禁用JS？

禁用JS的場(chǎng)景包括但不限于以下幾個(gè)場(chǎng)景

對(duì)安全性要求比較高的系統(tǒng)，比如服務(wù)器
個(gè)人原因禁用了JS（比如為了不看各種彈出廣告）
瀏覽器廠商因網(wǎng)絡(luò)原因禁用JS（Android端Chrome未來(lái)在2G網(wǎng)速下將禁用JS）
不管主動(dòng)禁用還是被動(dòng)禁用，禁用的原因各種各樣，總結(jié)起來(lái)無(wú)非三點(diǎn)：安全原因、廣告騷擾、網(wǎng)絡(luò)限制。

既然JS被禁用的場(chǎng)景客觀存在，在項(xiàng)目開(kāi)發(fā)前，根據(jù)項(xiàng)目實(shí)際情況考慮以下原則：

根據(jù)實(shí)際情況選擇合適的技術(shù)方案
能用CSS實(shí)現(xiàn)的，優(yōu)先使用CSS
四
現(xiàn)在MVVM大行其道，但不是什么項(xiàng)目都適合用MVVM框架，JS熱火朝天，也不能什么交互都上JS，JS在很多情況下不是必須的，假如要做一個(gè)官網(wǎng)，就不建議用單頁(yè)應(yīng)用，用JS做路由，JS掛了，頁(yè)面就白屏，另外SEO也是個(gè)問(wèn)題，錘子的官網(wǎng)就是單頁(yè)應(yīng)用。

一般圖片輪播都用JS實(shí)現(xiàn)，不考慮低版本瀏覽器的話，CSS3一樣可以做輪播圖，導(dǎo)航下拉效果，完全可以用鼠標(biāo)hover父級(jí)元素display子元素的方式實(shí)現(xiàn)（以上三家國(guó)產(chǎn)手機(jī)廠商都是用的JS），元素定位，大部分情況也不需要用到JS。

今時(shí)今日，JS早已經(jīng)不是用來(lái)增加動(dòng)態(tài)效果那么簡(jiǎn)單的腳本語(yǔ)言，它已經(jīng)成了前端發(fā)展最重要的一環(huán)，切勿迷失在新技術(shù)的紅海里，選擇合適的技術(shù)做合適的功能，做之前多做一些思考，這就是我想說(shuō)的。
原文地址https://www.cnblogs.com/wangmeijian/p/10009645.html

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的禁用JavaScript之后，你的网站表现如何？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。