聚合:使用" dom-bind"禁用JS时的可访问性

时间:2016-01-25 21:33:19

标签: polymer polymer-1.0

dom-bind上使用index.html时:如果用户使用已禁用的javascript或慢速连接进行浏览,如何确保某些内容仍然可见,从而导致脚本加载速度变慢。

当然,可以在<template>开始前放置内容。 就像这里一样,在<noscript>

里面
<body>
    <noscript>This is visible with JS disabled or slow internet connection.</noscript>
    <template is="dom-bind">
        This is not
        <iron-pages selected="0">

            <div>test1</div>
            <div>test2></div>
            <div>test3</div>

        </iron-pages>
    </template>
</body>

这对我来说是不可取的。最佳标准div或文本应该仍然显示,因为它们根本不应该依赖于脚本来呈现。

我想保留数据绑定,这就是为什么dom-bind方法( Polymer Start Kit 这样做)很好的原因。但是我发现在加载所有元素之前看不到任何内容是非常恼人的(因为JS被禁用或者互联网连接缓慢)。

1 个答案:

答案 0 :(得分:0)

在元素中添加/删除一个类并从JS切换它。切换类后,使用CSS隐藏内容。 不喜欢unresolved或直接使用unresolved https://www.polymer-project.org/0.5/articles/styling-elements.html#preventing-fouc