noscript 標籤，一個被忽視的重要標籤

打開 Drupal 的新後臺，發現顯示大面積空白

。本覺得是 CSS 的問題，後來折騰很久才發現是我以前由於某些站的安全問題把瀏覽器的 Javascript 給禁用了。Javascript 的日益強大使咱們的網頁豐富多彩，交互愈來愈強大，功能愈來愈炫。可是有的網頁效果徹底依賴 Javascript 來實現，一旦離開了 Javascript 的支持，可能連基本的內容都顯示不徹底，這時候，咱們老當益壯的noscript標籤就該出場了

。

noscript標籤是一個至關古老的標籤，其被引入的最初目的是幫助老舊瀏覽器的平滑升級更替，由於早期的瀏覽器並不能支持 JavaScript。noscript 標籤在不支持JavaScript 的瀏覽器中顯示替代的內容。這個元素能夠包含任何 HTML 元素。這個標籤的用法也很是簡單：

<noscript>
  <p>本頁面須要瀏覽器支持（啓用）JavaScript</p>
</noscript>

不過到了如今，瀏覽器不支持 Javascript 的事情應該已經不會出現了，可是用戶也可能由於各類緣由而禁用了 Javascript。如節省流量，延長電池使用時間，或者是不但願本身的隱私被各種統計/追蹤腳本泄露

。也有至關一部分用戶安裝了相似NoScript的瀏覽器擴展來禁止瀏覽器運行 Javascript。

網站雖然不能強制用戶啓用瀏覽器的 Javascript，可是能夠提示用戶的瀏覽器已經禁用腳本，來達到更好的用戶體驗。例如 Fackbook 這樣的提示：

noscript 標籤中的元素中的內容只有在下列狀況下才會顯示出來：

• 瀏覽器不支持腳本
• 瀏覽器支持腳本，但腳本被禁用

符合上述任何一個條件，瀏覽器都會顯示 noscript 中的內容。而在除此以外的其餘狀況下，瀏覽器不會呈現 noscript 中的內容。

寫在最後

使用 noscript 標籤只能給網站用戶傳達一個信息，即若是不啓用 Javascript，網頁內容和效果可能不能徹底被呈現。但若是有些用戶並不懂得如何去開啓 Javascript的話，這樣的提示信息對他也並無什麼實際的幫助。因此咱們仍是應該在網站設計之初多多考慮在沒有 Javascript(或 HTML5，或其餘依賴)的支持的狀況下，如何使這樣的很是規情況儘量少的影響到用戶的瀏覽體驗。

個人我的博客，裏面會有各類有意思的東西哦，歡迎關注。iamkun.com