我应该在Phonegap / Cordova应用程序上使用CSS重置或规范化吗?

时间:2014-03-20 03:00:40

标签: css cordova mobile phonegap-build css-reset

我想知道它是一个好主意(如果我想在多平台构建中保持一致性)包括css重置,或者可能是css规范化库?

我关心的当然是应用程序速度,加载时间和内存使用情况,目标当然是跨平台的UI一致性......

5 个答案:

答案 0 :(得分:2)

<强>概述

CSS重置是必须的,Cordova / Phonegap全部使用手机原生浏览器,所以Windows Phone这是一个Internet Explorer包装器,android它现在是一个Chrome包装器(旧版本使用自己的浏览器包装器),iOS使用的是任何版本的对于那个版本的iOS,safari mobile对所有女巫都有更多支持HTML5所以可能存在差异。这意味着您需要重置,以便您拥有与桌面网站相同的所有设备/浏览器的基础。但是性能完全依赖于你所做的事情,如果你只是使用一个小的基本重置它会更少,但即使是一个大的它你会注意到它然后没有它。

CSS重置

所以我们知道浏览器在CSS引擎默认字体和内容方面略有不同,所以我们使用重置来防止这对于移动浏览器来说是相同的(这就是cordova / phonegap所使用的),所以总是建议重置,即使你建立一个适用于iOS和Android的cordova / phonegap移动应用程序是一个王室痛苦的屁股Android支持负载的设备大小iOS只有一些。但这些尺寸可能会导致大量问题,更不用说你必须使用的DDPI,因为DPI变化很大。

<强>性能

有一个轻微的性能下降,并不是你会在任何测量中看到它,除非你包括一个像http://getbootstrap.com/css/这样会增加一点性能的大规模CSS重置系统,但如果它的0.5,你会注意到它吗?你的javascript从phonegap到init()需要更长的时间,但是如果那里有东西你会使用它,那么首先看一下bootstrap是值得的,只是为了节省开发时间我经常使用来自{{1}的警报}。如果那就是你想要的那些像http://html5doctor.com/html-5-reset-stylesheet/这样的小作品。

<强>来源 互联网上有很多教程告诉你实现重置! https://www.google.co.uk/search?q=Phonegap+use+CSS+Reset&oq=Phonegap+use+CSS+Reset&aqs=chrome..69i57j69i60l3.3494j0j7&sourceid=chrome&es_sm=0&ie=UTF-8

你想要事实确定停止使用Phonegap / Cordova它的大部分功能都是实现或利用HTML5! HTML5是一项正在进行的工作,所以不应该使用! http://www.w3.org/TR/html5/

ME:移动开发5年,包括开发Windows Phone 7 Phonegap的部分内容。同时成为其中一个Platform Preview应用程序的开发人员。所以我在WP7出现的大多数用户之前为WP7构建了一些部分的phonegap。

答案 1 :(得分:0)

绝对。如果您正在为多个平台开发应用程序,那么这听起来是个好主意。虽然我毫不怀疑你仍然会遇到跨平台的差异。

我看不出它会如何影响应用程序的速度/加载时间/内存使用情况。

答案 2 :(得分:0)

在为跨平台开发应用程序时,有很多关于css的问题。重置css会更好。但是仍然存在有关性能的问题。

本文可能对您有所帮助http://www.informit.com/articles/article.aspx?p=1915792&seqNum=6

答案 3 :(得分:0)

是的,你应该!!

我开发了跨平台应用程序。

每次我都使用CSS重置。

答案 4 :(得分:-1)

我不确定Phonegap应用程序的确切上下文,因为我从未实际使用过,但从性能的角度来看,任何CSS重置都不应该影响到所有

然而,我的观点是,通常情况下,你不应该为完全针对一堆特定元素和属性的CSS重置而烦恼 - 无论如何,你最终还是会在样式表中进一步覆盖它们。 / p>

我今天使用的是一个简单的通用选择器边距/填充重置,我用我最喜欢的盒子模型调整补充。

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

也许10年前,有人会告诉你,通用选择器很慢,而且它可能已经成为现实,但是今天使用它本身已被证明是绝对无害的。

无论如何,几乎所有最新浏览器的渲染/布局引擎都是如此之快,更不用说现在即使是低端移动设备都配备了多核CPU。

我甚至不称之为微观优化,这是影响的疏忽。

现在,如果你要使用div.header * - 那要贵得多,但如果你在页面上没有几千个元素,那么可能仍然不会失去睡眠。< / p>

Have a read and test it for yourself.