在未启用JavaScript的情况下,我们可以忽略访客吗?


22

如果您已经开发了基于JavaScript的网站,是否值得做一些额外的工作以使未启用JavaScript的访问者可以访问它?

  • 这个位置有多少访客?
  • 它特别影响哪些浏览器?
  • 移动设备是否启用了JavaScript?

要看。您重视盲人吗?您是否重视其他残障人士?您的网站无需鼠标即可工作吗?您有无障碍工作吗?
雷诺斯2011年

@Raynos屏幕阅读器不支持Javascript是一个普遍的神话。现代屏幕阅读器可作为浏览器的插件,并且可以很好地执行Javascript!但是,除非它们被适当的ARIA属性标记,否则它们可能无法识别非标准的UI元素(例如,带有单击处理程序的DIV)。
duskwuff 2014年

Answers:


13

根据http://visualrevenue.com/blog/2007/08/eu-and-us-javascript-disabled-index.html的数据,2007年收集的数据中,有1.04%在欧盟已禁用,而3.05%在欧盟已禁用在美国。数据有些陈旧,但是如果您查看2006年至2007年的趋势,则残障人士的人数正在下降。到现在,这个数字可能会更低。

禁用的JavaScript实际上是与浏览器无关的。所有浏览器都允许您关闭JavaScript,但我相信它们都默认为打开JavaScript。

总的来说,我不会担心在没有JavaScript的情况下使网站的主版本能够正常工作。大多数人都知道,要想在网络上拥有丰富的体验,就需要启用它。

最后,对于移动设备。我相信接受率较低,但我无法给出数字。通常,无论如何,您都希望为移动浏览器使用不同版本的网站,因为诸如鼠标悬停之类的内容在移动触摸屏浏览器中无法正常工作。


5

首先,问问自己您网站的主要目的是什么。您的网站打算出售小部件吗?是讨论论坛吗?弄清楚主要功能是什么。完成此操作后,请确保用户可以在不启用JavaScript的情况下进行操作。他们是否会错过一些麻烦并不重要,但是请确保用户可以在没有JavaScript的情况下执行该功能。

例如,如果您的站点是电子商务站点,则用户应该能够浏览,将产品添加到购物车并完成不使用JavaScript的结帐。也许他们在首页上看不到漂亮的动画,或者他们不能使用一些精美的搜索和过滤器,但前提是他们可以浏览并购买对您有好处的产品。

或使用Stack Overflow或另一个Stack Exchange站点。最主要的是浏览,询问和回答问题。您希望没有JavaScript就可以使用它。也许由于编辑器不起作用,或者由于投票不起作用,用户不得不手动键入Markdown,但是用户仍然可以执行站点的主要功能。

归根结底,我们都有有限的资源和截止日期。确保整个网站都没有JavaScript可能不值得,所以花点时间获得最大的回报。


2

您要谨慎使用此思路。甚至只有百分之几仍然可以转化为大量访客。我已经读过移动设备不运行JavaScript,因为这会消耗更多的电池电量。

建立一个可以使用JS或不使用JS的网站都是很有可能的。我建议先构建,然后再添加考虑到性能下降的JS。如果用户禁用了JS,则内容仍然可用。


1

根据网站的不同,考虑单个功能而不是整个网站可能会很有用。有些功能比其他功能重要吗?对您的用户而言,它们中的任何一项都至关重要吗?如果网站的结构允许,则无需使用JavaScript就可以访问关键任务功能,并根据其重要性决定如何处理每个功能。


0

仅在可能的情况下为非js设备/浏览器提供客户端内容。


0

我有两个页面,第X页,这是一个基于JavaScript的图像查看器,和第Y页,这是一个fallthrough,用户可以通过<noscript>X页面中的块将用户重定向到该页面,如下所示:

<noscript>
<meta http-equiv="REFRESH" content="0;url=page-y">
</noscript>

对于各种浏览器,该部分发送到页面Y的唯一IP地址的百分比<noscript>如下所示:

            用户的JavaScript已关闭
火狐7.7%
MSIE 22.7%
歌剧5.7%
铬12.1%

(这是基于极低的命中次数,但这是我仅有的数据。)

★万一有人在意,这来自我的日志数据库中的一系列SQLite查询,如下所示:

select count (ip_address_id) from 
(select distinct ip_address_id from hit, user_agent, page, referrer 
where hit.user_agent_id = user_agent.user_agent_id
and hit.page_id = page.page_id
and referrer.referrer_id = hit.referrer_id
and referrer like '%page-x%'
and page like '%page-y%'
and user_agent like '%android%');
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.