打開 Drupal 的新后臺,發(fā)現(xiàn)顯示大面積空白
聊浅。本以為是 CSS 的問題灰追,后來折騰好久才發(fā)現(xiàn)是我之前因為某些站的安全問題把瀏覽器的 Javascript 給禁用了。Javascript 的日益強大使我們的網(wǎng)頁豐富多彩狗超,交互越來越強大弹澎,功能越來越炫。但是有的網(wǎng)頁效果完全依賴 Javascript 來實現(xiàn)努咐,一旦離開了 Javascript 的支持苦蒿,可能連基本的內(nèi)容都顯示不完全,這時候渗稍,我們老當益壯的
noscript
標簽就該出場了佩迟。
noscript
標簽是一個相當古老的標簽团滥,其被引入的最初目的是幫助老舊瀏覽器的平滑升級更替,因為早期的瀏覽器并不能支持 JavaScript报强。noscript 標簽在不支持JavaScript 的瀏覽器中顯示替代的內(nèi)容灸姊。這個元素可以包含任何 HTML 元素。這個標簽的用法也非常簡單:
<noscript>
<p>本頁面需要瀏覽器支持(啟用)JavaScript</p>
</noscript>
不過到了現(xiàn)在秉溉,瀏覽器不支持 Javascript 的事情應(yīng)該已經(jīng)不會出現(xiàn)了力惯,但是用戶也可能因為各種原因而禁用了 Javascript。如節(jié)省流量召嘶,延長電池使用時間父晶,或者是不希望自己的隱私被各類統(tǒng)計/追蹤腳本泄露。
也有相當一部分用戶安裝了類似
NoScript
的瀏覽器擴展來禁止瀏覽器運行 Javascript弄跌。
網(wǎng)站雖然不能強制用戶啟用瀏覽器的 Javascript甲喝,但是可以提示用戶的瀏覽器已經(jīng)禁用腳本,來達到更好的用戶體驗铛只。例如 Fackbook 這樣的提示:
noscript 標簽中的元素中的內(nèi)容只有在下列情況下才會顯示出來:
- 瀏覽器不支持腳本
- 瀏覽器支持腳本埠胖,但腳本被禁用
符合上述任何一個條件,瀏覽器都會顯示 noscript 中的內(nèi)容淳玩。而在除此之外的其他情況下直撤,瀏覽器不會呈現(xiàn) noscript 中的內(nèi)容。
寫在最后
使用 noscript 標簽只能給網(wǎng)站用戶傳達一個信息凯肋,即如果不啟用 Javascript,網(wǎng)頁內(nèi)容和效果可能不能完全被呈現(xiàn)汽馋。但如果有些用戶并不懂得如何去開啟 Javascript的話侮东,這樣的提示信息對他也并沒有什么實際的幫助。所以我們還是應(yīng)該在網(wǎng)站設(shè)計之初多多考慮在沒有 Javascript(或 HTML5豹芯,或其他依賴)的支持的情況下悄雅,如何使這樣的非常規(guī)狀況盡可能少的影響到用戶的瀏覽體驗。
我的個人博客铁蹈,里面會有各種有意思的東西哦宽闲,歡迎關(guān)注。iamkun.com