为你的网站添加上JavaScript禁用提示页面吧
淘宝曾做出调查,大约有0.1%的淘宝用户在访问淘宝网的时候是警用js脚本的,虽然看似比例不大,但假设淘宝网每天有1000万人访问,那也有1万人是无法正常浏览淘宝网的,一个大型的网站是绝对不允许出现这样的问题的,所以淘宝在这块做的很好,怎么个好?让我们用IE8来测试下(当然前提是在Internet选项里把js脚本都禁用起)
然后访问,我们发现出现了一个提示页面,提示用户是否继续访问,或者进入另外一个页面查看解决办法。
有了这么一个页面,是否觉得操作上更加友好了?那这功能要如何实现呢,其实代码相当简单:
<!--[if lte IE 8]> <noscript> <style> //当脚本警用时,将网页上不需要显示的模块都进行隐藏 .html5-wrappers{display:none!important;} </style> <div class="ie-noscript-warning"> 您的浏览器禁用了脚本,请<a href="">查看这里</a> 来启用脚本!或者<a href="/?noscript=1">继续访问</a>. </div> </noscript> <![endif]--> |
上面这段代码是淘宝主页上直接复制来,但其中继续访问的链接里加了句“?noscript=1”,在淘宝上测试后,点击继续访问会显示正常主页(js脚本禁用下的主页),但我在本地测试却不行,可能noscript=1是给后端语言用做判断的,比如:
<?php if (! $_GET [ 'noscript' ]){ ?> <!--[ if lte IE 8]> <noscript> <style> //当脚本警用时,将网页上不需要显示的模块都进行隐藏 .html5-wrappers{display:none!important;} </style> <div class = "ie-noscript-warning" > 您的浏览器禁用了脚本,请<a href= "" >查看这里</a> 来启用脚本!或者<a href= "/?noscript=1" >继续访问</a>. </div> </noscript> <![ endif ]--> <?php } ?> |
哈哈,这只是我用php做了个假设,如果我没记错,淘宝也是用php做的,noscript=1很有可能就是这样操作的,当然代码肯定不会这样直接卸载页面里。
总的来说,有一个js脚本禁用的提示对用户操作、交互都是很有帮助的,建议大家以后再开发网站时,可以考虑到这一点。淘宝为什么会成功,就是因为这些很小的细节。
新博客地址
hooray.github.io
hooray.github.io
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· 展开说说关于C#中ORM框架的用法!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?