使用 HTML5 时如何改进移动 Web 应用开发 已翻译 100%

oschina 投递于 2015/07/01 16:51 (共 3 段, 翻译完成于 07-02)
阅读 5645
收藏 39
1
加载中

因为 HTML5 有易于维护,更好的互动性,更快的开发等优点,被越来越多的应用在移动 Web 应用程序的开发中。HTML5 是一种标记语言,与 Javascript 和 CSS 一起,构成了每个开发者的核心技术,HTML5 拥有自己的 API 以及一组被主流浏览器兼容的标准 API,同时一些特殊被 API,比如本地存储也被许多浏览器支持。


在过去的几年中,随着平板电脑和智能手机的出现,在普通 PC 上使用网站的人数在减少。大多数人,这段时间,在他们的移动设备访问网站或直接下载手机 APP。手机 APP 已经蓄势待发,不过,虽然移动网站有更多的优点,例如不需要安装就可以马上使用,兼容多种设备,易于升级,用户通过链接就可以共享,使用较小的成本和开发时间,等等,但移动网站的发展依然停滞不前。

正是因为这些原因,我们确实需要开发 HTML5 的移动网站。在今天的文章里,让我们一起来看看如何通过改进 HTML5 的方法来开发移动网站应用。

肖邦也没谱
肖邦也没谱
翻译于 2015/07/01 21:09
1

用 HTML5 改进移动 Web 应用的开发

一个完美的网站,在开发时可以多考虑一些兼容性,就可以在移动浏览器上使用了。主要的考虑方面,HTML5 开发人员需要注意屏幕的尺寸和分辨率;其次,如果保持 HTML,CSS,Javascript 是有效的,简洁的,才是移动用户需要的内容。

当你在设计移动网站时,请记住站在用户的角度去考虑,并提供重要的内容。尽管如此,不是所有的传统网站都需要一部分移动网站。很有可能,当用户进入网站里的每个页面时,如果没有在第一时间看到他们想看的内容,他们就会退出网站。

更重要的是,你要在各种尺寸的屏幕上测试你的网站。检查图片是否被加载;是否可以横向滚动;是否所有的功能都可以工作,是否支持所有格式的文件。需要全面的检查你的网站,确保使用 HTML5 开发的移动网站获得完美的效果。

肖邦也没谱
肖邦也没谱
翻译于 2015/07/01 22:13
1

开发移动设备应避免的事项

  • 由于手机屏幕尺寸较小,在手机布局中极可能不要让网站用户滚动屏幕,因此不要使用表格。

  • 确保不要使用隐藏的图形来填充页面。如果使用隐藏图形,会增加下载时间,而且页面也可能显示错误。

  • 很多手机网站用户并不喜欢弹出窗口。这些窗口不但很烦人,而且导致网站可用性问题。因此,您一定要使用必要的方式

作为一名 HTML5 的开发者必须保证移动浏览器的兼容性。同时,每个使用 HTML5 开发的公司,都应致力于开发和提升移动 web 应用的用户体验。

王天淼
翻译于 2015/07/01 21:45
2
本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接。
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。
加载中

评论(28)

邹德鹏
邹德鹏
33
邹德鹏
邹德鹏
vv
纵度飞行
纵度飞行
全是废话。。
肖邦也没谱
肖邦也没谱

引用来自“肖邦也没谱”的评论

这篇文章废话太多,就最后一段才有点干货。。。

引用来自“土豆哥哥好”的评论

+1

引用来自“Raymin”的评论

翻译完自己都不愿意看一遍,错别字不少。 这种翻译模式该改变了,这种文章质量有损OSC形象!

引用来自“肖邦也没谱”的评论

非常抱歉,业余时间有限,虽然我翻译完已经校对了,但还是无法避免有错别字。我已经改了几处明显的错别字,如果还有其他地方,请明示。。谢谢。

引用来自“Raymin”的评论

>> 在手机布局中极可能不要让网站用户滚动屏幕 极->尽 业余时间翻译的,确实不应该过多指责!在此表示歉意! 建议 OSC 引入更好的翻译模式,确保文章的质量!
厄!这句不是我翻译的,你可以看翻译文字的右边,有翻译者的名字,:D
caryhgq
caryhgq
有鸡巴用
Bieber
Bieber
@红薯 这么水的文章怎么上首页的呀?是名字高大上?还是给H5打广告?全文貌似没提到任何H5的技术点........
桥雾
桥雾

引用来自“肖邦也没谱”的评论

这篇文章废话太多,就最后一段才有点干货。。。
+1
terrancy
terrancy
没有营养.
东厢里的一只喵
东厢里的一只喵
通篇费话,然而这个标题党绝对篇到了我一个重叶嘈能量。
zengraoli
zengraoli

引用来自“肖邦也没谱”的评论

这篇文章废话太多,就最后一段才有点干货。。。
是开发人员一般都知道最后一段,下次找点好的文章翻译
返回顶部
顶部