在移动浏览器上查看时,使用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}}
这个问题与移动数据提供商O2(可能是其他人,但不是沃达丰或3)有关。
这似乎是因为O2相当严格的数据政策,他们将缩小、剥离和对通过其网络的文件做各种疯狂的事情。
这里提供了一个工作场所