提问者:小点点

Ember、Handlebar、Contrib-Ember-Template在移动浏览器上生成格式错误的模板


在移动浏览器上查看时,使用Gruntjs插件contrib-enpe-template会产生不正确的结果。

生成模板

<div id="ember570" class="ember-view">
<section>
    <div class="center">
        <div class="logo-container">
        </div>
        <div class="misuseAct">
            <script id="metamorph-0-start" type="text/x-placeholder"></S'+'CRIPT>
                <h1>Hello to Splash Page</h1>
                <p>Welcome to my splash page</p>
                <a href="#" data-ember-action="1" class="btn btn-success right" id="proceed">Proceed</a>
            <script id='metamorph-0-end' type='text/x-placeholder'></S'+'CRIPT>
        </div>
    </div>
</section></script></div></div></section></div>

然而,通过实时调试编辑模板会产生所需的结果。

所需模板

<div id="ember570" class="ember-view">
<section>
    <div class="center">
        <div class="logo-container">
        </div>
        <div class="misuseAct">
            <script id="metamorph-0-start" type="text/x-placeholder"></script>
                <h1>Hello to Splash Page</h1>
                <p>Welcome to my splash page</p>
                <a href="#" data-ember-action="1" class="btn btn-success right" id="proceed">Proceed</a>
            <script id='metamorph-0-end' type='text/x-placeholder'></script>
        </div>
    </div>
</section></div></div></section></div>

附加信息

>

  • 此问题仅在使用EmberJS缩小(发布构建)时出现。

    此问题不会在桌面浏览器上显示。

    此问题不会产生控制台消息。

    运行grunt--详细显示没有错误/警告消息。

    技术栈

    NodeJS-v0.10.12

    grunt-cli v0.1.9

    咕噜声v0.4.1

    grunt-contrib模板-0.4.10

    jQuery-v1.10.2

    这些由contrib-grunt-模板和前端客户端应用程序使用。

    EmberJS-v1.0.0-rc.6-15-gfe89337(缩小)

    车把-1.0.0

    编辑:

    此问题仅在模板上使用视图时才会出现。

    未编译模板

    <section>
        <div class="center">
            <div class="logo-container">
            </div>
            <div class="misuse">
                {{#if view.showProtection}}
                    <h1>{{localise _data_protection_act_header}}</h1>
                    <p>{{localise _data_protection_act_body}}</p>
                    {{#linkTo "login" classNames="btn btn-success right" id="proceed"}}{{localise _proceed}}{{/linkTo}}
                {{else}}
                    <h1>{{localise _misuse_act_header}}</h1>
                    <p>{{localise _misuse_act_body}}</p>
                    <a href="#" {{action 'agrees' target="view"}} class="btn btn-success right" id="proceed">{{localise _proceed}}</a>
                {{/if}}
            </div>
        </div>
    </section>
    

    索引视图

    Application.IndexView = Ember.View.extend({
        showProtection: false,
        agrees: function () {
            this.set('showProtection', true);
        }
    });
    

    编辑:

    我已经将范围缩小到模板中的这一行。

     {{#if view.showProtection}}
        ...
     {{else}}
        ...
     {{/if}}
    

  • 共1个答案

    匿名用户

    这个问题与移动数据提供商O2(可能是其他人,但不是沃达丰或3)有关。

    这似乎是因为O2相当严格的数据政策,他们将缩小、剥离和对通过其网络的文件做各种疯狂的事情。

    这里提供了一个工作场所