如何定位基于文本的浏览器?

Mat*_*hew 14 accessibility cross-browser browser-detection

我想添加标记,使基于文本的浏览器(链接,elinks,lynx)的用户更容易使用我的网站.我将能够基于useragent提供这个特殊版本的网站,但基于文本的浏览器处理特别好的标记功能是什么?

Chr*_*s J 15

最好的办法就是大量使用CSS进行所有格式化.基于文本的代理不太可能支持所有内容,因此,您可以在外部样式表中删除所有样式信息(主要是为了便于维护),只需class在需要时使用属性,然后您可能会发现网站优雅地降级.大多数(所有?)浏览器都带有某种形式的开发人员工具栏,因此您可以根据需要禁用Firefox,IE,Chrome [无论如何]中的样式,并且您将了解文本浏览器可能会如何看待它们.

唯一需要注意的是表 - lynx不支持它们,但其他基于文本的浏览器(或多或少)都支持它们.再次,只要确保页面尽可能优雅地降级.

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


mor*_*les 2

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