如何定位基于文本的浏览器？答案

【问题标题】：How can I target text-based browsers?如何定位基于文本的浏览器？
【发布时间】：2011-08-14 01:41:15
【问题描述】：

我想添加一些标记，使基于文本的浏览器（链接、elinks、lynx）的用户更容易使用我的网站。我将能够基于 useragent 为这个特殊版本的网站提供服务，但是基于文本的浏览器处理哪些标记功能特别好？

【问题讨论】：

您可能需要查看一般可访问性指南：w3.org/TR/WCAG20

标签： cross-browser accessibility browser-detection

【解决方案1】：

您可以检查用户代理字符串。这里是a comprehensive list。你可以检查 lynx、links、elinks 和 w3m。但是，最好不要检查代理字符串，并保持 html 简洁明了。一些文本模式浏览器，如 elinks，确实有一些 javascript 支持。 CSS 支持各不相同，但底层 html 仍然可以工作。

一些文本模式浏览器，如链接，具有图形模式，也可以显示图像。

如果您坚持使用<html>、<body>、<h1>、<p>、<a href="..."> 并为任何图像使用alt="..."，您不会出错。

【讨论】：

【解决方案2】：

为了最好的服务器文本浏览器，请确保您使用简单的语义标记。在构建网站时牢记“内容为王”的口号，并围绕内容而不是视觉模板设计结构。

当您的内容优先时，您的页面将不会被可能混淆基于文本的浏览器的额外标记和视觉元素所打乱。

【讨论】：

【解决方案3】：

您最好的选择是大量使用 CSS 进行所有格式设置。基于文本的代理不太可能支持所有内容，因此如果您将所有样式信息放在外部样式表中（主要是为了便于维护），并且只需在需要的地方使用 class 属性，那么您可能会发现网站会优雅地降级.大多数（全部？）浏览器都带有某种形式的开发人员工具栏，因此您可以根据需要禁用 Firefox、IE、Chrome [whatever] 中的样式，您将了解纯文本浏览器可能会如何看到它.

唯一需要注意的是表格——lynx 不支持它们，但其他基于文本的浏览器支持（或多或少）。同样，只要确保页面尽可能优雅地降级。

最终将 CSS 用于您的所有布局和大部分格式应该意味着应该解决大多数与基于文本相关的担忧。

【讨论】：

【解决方案4】：

我不知道你需要什么特殊的标记。也许只是比平时少加价。尽可能少地使用 JS，因为它们只有微不足道的支持。在使用 CSS 和花哨的对齐方式时，任何使网站在现代浏览器中看起来“漂亮”的标记很可能在那里毫无价值，并且可能会成为障碍。根据您可能想要使用简单文本的内容。或旧式页面（相当多的像这样的 GNU 页面）。在线版“Unix 编程艺术”(http://www.faqs.org/docs/artu/index.html) 中的示例，非常简单的设计，易于在任何地方阅读和呈现。没有花哨或任何隐含的设计，只需发一些链接和你。虽然它可能不适合所有类型的内容。基本上保持它尽可能简单，并尽量避免花哨的布局或任何布局，因为其中一些浏览器只是一个接一个地渲染块元素，而左侧或右侧的菜单会到达底部或占用整个第一个屏幕在向下滚动之前不会显示任何内容。在我看来，水平顶部菜单效果最好。当然，通过测试和导航，看看它对你自己的看法。

【讨论】：