- 1、本文档共6页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
21个webApp前端开发技巧
自Iphone和Android这两个牛逼的手机操作系统发布以来,在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序,运行在高端的移动终端设备。
我相信各位童鞋应该和我刚开始一个样子,到处查找贴子,学习如何制作WebApp项目,我们(切图网)长期从事webapp开发外包服务,累计了非常多的开发经验,希望和大家共同探讨学习WebApp。
那么WebApp与Native App的区别是什么?
Native App:
缺点:
1、开发成本非常大,一般使用的开发语言为JAVA、C++、Objective-C。
2、更新体验较差、同时也比较麻烦,每一次发布新的版本,都需要做版本打包,且需要用户手动更新(有些应用程序即使不需要用户手动更新,但是也需要有一个恶心的提示)。
优点:
1、非常酷
因为native app可以调用IOS中的UI控件以UI方法,它可以实现WebApp无法实现的一些非常酷的交互效果
2、Native app是被Apple认可的
Native app可以被Apple认可为一款可信任的独立软件,可以放在Apple Stroe出售,但是Web app却不行。
Web App:
开发成本较低
使用web开发技术就可以轻松的完成web app的开发
升级较简单
升级不需要通知用户,在服务端更新文件即可,用户完全没有感觉
维护比较轻松
和一般的web一样,维护比较简单,它其实就是一个站点
Webapp说白了就是一个针对Iphone、Android优化后的web站点,它使用的技术无非就是HTML或HTML5、CSS3、JavaScript,服务端技术JAVA、PHP、ASP。
在此所说的移动平台前端开发是指针对高端智能手机(如Iphone、Android)做站点适配也就是WebApp,并非是针对普通手机开发Wap 2.0,所以在阅读本篇文章以前,你需要对webkit内核的浏览器有一定的了解,你需要对HTML5和CSS3有一定的了解。如果你已经对此有所了解,那现在就开始往下阅读吧……
一、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用
meta content=black name=apple-mobile-web-app-status-bar-style /
meta content=telephone=no name=format-detection /
meta name=apple-mobile-web-app-status-bar-style content=default /
meta name=apple-mobile-web-app-status-bar-style content=black /
meta name=apple-mobile-web-app-status-bar-style content=black-translucent /
meta content=email=no name=format-detection/
meta content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0; name=viewport /
meta content=yes name=apple-mobile-web-app-capable /
如果您的网站是小于980px(网页上显示的默认宽度),然后宽度应设置这个标记。 此外,如果应用程序是iPhone的具体,然后在宽度应设置的iPhone,iPad或iPod Touch的宽度。 人们还应该牢记,而不是使用屏幕的宽度和高度的实际价值,应使用“设备宽度”和“设备的高度 ”的值。
meta name=viewport content= width = device-width, initial-scale = 2.3, user-scalable = no/
meta name=viewport content= width = device-width, initial-scale = 2.3, minimum-scale = 1, maximum-scale = 5 /
下面是所有可用的选项:
width – Width of viewport in pixels. 宽度 -视口的宽度,以像素。
[Default: 980, Range: 200 - 10,000] [默认值:980范围:200 - 10,000]
height – Height of viewp
您可能关注的文档
最近下载
- 2024年02月光大证券股份有限公司(上海)2024年社会招考上岸笔试历年高频考点(难、易错点荟萃)附带答案详解.docx
- 【5G标准中英文对照版25页】3GPP技术规范组服务和系统方面-5G系统(5GS)中基于3GPP凭证的应用程序身份验证和密钥管理(AKMA)(3GPP TS 33.535 V17.5.0).pdf VIP
- 推拿学考试资料.pdf
- 德生PL450说明书.pdf
- 2024年金钥匙科技竞赛团体赛科学素养复习试题.doc
- 生态足迹理论.ppt VIP
- 新版医疗器械管理制度零售单体药店.docx
- 九型人格108测试题.ppt VIP
- T梁台座计算书.doc
- 九型人格108测试题及结论(全).pdf VIP
文档评论(0)