如何使用“线性化页面” Web Developer Addon的选项

 

我知道有很多人使用Web开发人员FireFox Addon，但却不了解其部分功能的真正价值。

本文着眼于其中一个未充分利用的功能:＆ldquo; Linearize Page＆ldquo;。

作为那个多次提到Web开发人员插件的人，我从读者那里得到了很多关于它的问题，他们中的大多数都问我使用线性化选项。

因此，让我们看看它如何变得有用。

它做了什么？

基本上，该工具会从页面中删除所有定位和表格，以便“线性化”＆rdquo;它

该工具使用以下CSS来“线性化”＆rdquo;当前页面:

如何使用它来测试可用性和可访问性？

1.因此，该工具非常适合预览音频或小屏幕浏览器显示页面信息的顺序。

2.它对于检查表:的可访问性非常有用，以便屏幕阅读器解释内容被线性化的页面:，因此在线性化时始终确保表（或基于表的设计）有意义。

该工具还有助于查看:

标题和页面元素的顺序是有意义的（对于屏幕阅读器）;多组链接（例如，在主页上）具有逻辑顺序。

3.该工具对于测试将多列布局转换为单列的典型移动浏览器的设计也非常有价值，并且元素显示的顺序由“线性化”＆rdquo确定。文件订单。

因此，该工具有助于查看内容是否按逻辑读取，或者是否混合了部分内容，因为表格的使用效果很差，无法布置内容。

如何使用是为了SEO？

与所有CSS禁用功能不同，此功能允许查看“内容的源顺序”，而不会删除影响元素显示方式的所有其他样式。＆rdquo; （因此提供了更容易的预览）

有关为“线性”设计网页的更多信息。内容一定要阅读这篇很棒的文章。

线性化页面:

同一页面禁用CSS:

CategorySEO