為你的網(wǎng)站添加上JavaScript禁用提示頁面吧
淘寶曾做出調(diào)查,大約有0.1%的淘寶用戶在訪問淘寶網(wǎng)的時候是警用js腳本的,雖然看似比例不大,但假設淘寶網(wǎng)每天有1000萬人訪問,那也有1萬人是無法正常瀏覽淘寶網(wǎng)的,一個大型的網(wǎng)站是絕對不允許出現(xiàn)這樣的問題的,所以淘寶在這塊做的很好,怎么個好?讓我們用IE8來測試下(當然前提是在Internet選項里把js腳本都禁用起)
然后訪問,我們發(fā)現(xiàn)出現(xiàn)了一個提示頁面,提示用戶是否繼續(xù)訪問,或者進入另外一個頁面查看解決辦法。
有了這么一個頁面,是否覺得操作上更加友好了?那這功能要如何實現(xiàn)呢,其實代碼相當簡單:
- <!--[if lte IE 8]>
- <noscript>
- <style>
- //當腳本警用時,將網(wǎng)頁上不需要顯示的模塊都進行隱藏
- .html5-wrappers{display:none!important;}
- </style>
- <div class="ie-noscript-warning">
- 您的瀏覽器禁用了腳本,請<a href="">查看這里</a>
- 來啟用腳本!或者<a href="/?noscript=1">繼續(xù)訪問</a>.
- </div>
- </noscript>
- <![endif]-->
上面這段代碼是淘寶主頁上直接復制來,但其中繼續(xù)訪問的鏈接里加了句“?noscript=1”,在淘寶上測試后,點擊繼續(xù)訪問會顯示正常主頁(js腳本禁用下的主頁),但我在本地測試卻不行,可能noscript=1是給后端語言用做判斷的,比如:
- <?php
- if(!$_GET['noscript']){
- ?>
- <!--[if lte IE 8]>
- <noscript>
- <style>
- //當腳本警用時,將網(wǎng)頁上不需要顯示的模塊都進行隱藏
- .html5-wrappers{display:none!important;}
- </style>
- <div class="ie-noscript-warning">
- 您的瀏覽器禁用了腳本,請<a href="">查看這里</a>
- 來啟用腳本!或者<a href="/?noscript=1">繼續(xù)訪問</a>.
- </div>
- </noscript>
- <![endif]-->
- <?php
- }
- ?>
哈哈,這只是我用php做了個假設,如果我沒記錯,淘寶也是用php做的,noscript=1很有可能就是這樣操作的,當然代碼肯定不會這樣直接卸載頁面里。
總的來說,有一個js腳本禁用的提示對用戶操作、交互都是很有幫助的,建議大家以后再開發(fā)網(wǎng)站時,可以考慮到這一點。淘寶為什么會成功,就是因為這些很小的細節(jié)。
【編輯推薦】