公众号做图网站,效果好的郑州网站建设,叫别人做网站权重被转移了,魔域网页版禁用JavaScript之后#xff0c;你的网站表现如何#xff1f;一最近要做一个新官网#xff0c;需求评审完之后#xff0c;考虑到官网都是纯静态页面#xff0c;功能简单#xff0c;操起vue-cli3几秒内创建好了项目脚手架#xff0c;开发前#xff0c;我打开了首页模板文… 禁用JavaScript之后你的网站表现如何一最近要做一个新官网需求评审完之后考虑到官网都是纯静态页面功能简单操起vue-cli3几秒内创建好了项目脚手架开发前我打开了首页模板文件看到下面这行字有了一些思考…… strongWere sorry but **** doesnt work properly without JavaScript enabled. Please enable it to continue./strong ps四个*是项目名略去了二JS最初是用来给界面添加交互的近几年前端火的原因则主要是因为JS新技术绝大部分都是基于JS随着MVVM框架的兴起前端越来越依赖JS就像现代工业依赖电力一样JS甚至一定程度上替代了HTML使得前端开发者在开发大型项目上更方便快捷了目前看起来一切都很好嗯事实上真的很好吗我想说什么呢回到本文开始的那行代码它的作用显而易见禁用了JS的用户去访问这个网站就会看到这行提示当前项目离了JS就跑不起来请开启JS后继续访问。当浏览器禁用了JS网站变得一片空白完全无法访问这正常吗显然这是不可接受的从程序的可访问性、容错性来评分这个网站的得分肯定是不及格的 来看几家比较知名的企业官方网站在禁用JS后表现如何 小米官网 测试日期2018-11-26小米官网容错性测试 测试结果基本功能无法使用导航显示但无法点击_ 魅族官网 测试日期2018-11-26魅族官网容错性测试 测试结果基本功能无法使用导航不显示_ 锤子官网 测试日期2018-11-26锤子官网容错性测试 测试结果基本功能无法使用页面一片空白_ 测试结果很不理想会有人说用户能禁用JS就能启用JS和开发者没关系不必为此做特殊处理。至于需不需要处理我认为需要综合考虑以下两点 1、从商业角度想不想让禁用了JS的用户正常访问你的网站甚至成为你的客户 2、从开发者角度考虑开发成本高低付出和收益是否成正比 上面几个例子结果不太理想有没有做得比较好的企业 Apple官网 测试日期2018-11-26Apple官网容错性测试 测试结果90%的功能正常使用导航显示且可以点击切换 Apple不是我多优秀全靠同行衬托 果然没有对比就没有伤害。同类型的网站功能大体相同Apple.com在禁用了JS的情况下仍然可以正常访问90%的内容可访问性优。 其他包括tencent.com、360.com等网站这方面也做的不错就不放图了。 三还会有人问谁会去禁用JS 禁用JS的场景包括但不限于以下几个场景 对安全性要求比较高的系统比如服务器个人原因禁用了JS比如为了不看各种弹出广告浏览器厂商因网络原因禁用JSAndroid端Chrome未来在2G网速下将禁用JS不管主动禁用还是被动禁用禁用的原因各种各样总结起来无非三点安全原因、广告骚扰、网络限制。 既然JS被禁用的场景客观存在在项目开发前根据项目实际情况考虑以下原则 根据实际情况选择合适的技术方案能用CSS实现的优先使用CSS四现在MVVM大行其道但不是什么项目都适合用MVVM框架JS热火朝天也不能什么交互都上JSJS在很多情况下不是必须的假如要做一个官网就不建议用单页应用用JS做路由JS挂了页面就白屏另外SEO也是个问题锤子的官网就是单页应用。 一般图片轮播都用JS实现不考虑低版本浏览器的话CSS3一样可以做轮播图导航下拉效果完全可以用鼠标hover父级元素display子元素的方式实现以上三家国产手机厂商都是用的JS元素定位大部分情况也不需要用到JS。 今时今日JS早已经不是用来增加动态效果那么简单的脚本语言它已经成了前端发展最重要的一环切勿迷失在新技术的红海里选择合适的技术做合适的功能做之前多做一些思考这就是我想说的。原文地址https://www.cnblogs.com/wangmeijian/p/10009645.html
