Web比App简单？

前两天有人问手机上做网页简单还是做app简单，我真答不上来。很多人会不以为意的说当然是网页简单，但真的是这样吗？
放眼现在上线的手机网页，大多数都是平时pc的技术沿用过来的，鲜有新时代的影子。看来看去也就淘宝、豆瓣、知乎这种大公司对移动网页有一定的思考，但是他们的处理方式都各不相同！

视觉上区分：

  1. jquerymobile风格(http://m.ctrip.com/html5/)
  2. 栅格化布局的(http://www.ghostchina.com/)
  3. rem百分比响应式的（http://m.taobao.com/）
  4. 做成app样子的
  5. ……

技术上区分：

  1. 普通网页写法
  2. 开源的mobile框架开发
  3. AngularJS
  4. ……

最佳实践方案，整个移动端开发的前端们都在摸索中，而NativeApp的开发环境、框架组件什么都趋于成熟。这怎么比较？

Native才是王道？

很多人认为移动端app才是王道，网页算个球。对此我表示强烈反对态度！放眼PC：

  • QQ、百度云、印象笔记之类的刚需软件我们愿意去下载，但像新浪微博客户端之类的可以直接在网页上完成的功能 很少有人愿意去下载安装、占用系统的内存吧？
  • 某公司要开发一个产品，他会优先选择开发软件还是网页呢？一般情况都会选择后者吧？

做网页开发的优点，大家应该都知道：

  1. 开发速度快，好像跟前面说的有矛盾，但是照PC上看是这样的
  2. 推广速度快，SEO优化、链接打开即用
  3. 维护成本低，不需要每次版本更新都要用户升级
  4. 内存占用低，这里说的是物理内存，能网页上实现为什么要下app（用户体验和功能都不错的前提下）
  5. 环境依赖少，可适应多种环境和屏幕，pc、手机、平板甚至手表电视！

现在遇到的问题是什么？网页性能差、访问本地文件API少、安全性较低。

假如手机性能上来了、浏览器提供访问本地的api呢？

  • 手机更新换代速度是很快的，性能的问题其实并不大
  • 浏览器提供api这个观点谷歌已经提出来了，他们希望浏览器充当一个盒子的功能。
  • 安全性方面，我们pc网站不也是这么过来的吗？

到时就是WebApp完爆NativeApp了吧?

相关文章

移动端Web开发之我见的更多相关文章

  1. 移动端 Web 开发前端知识整理

    文章来源: http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移动端 Web 开发前端知识,不定期更新. ...

  2. 移动端web开发的一些知识点

    整理一下自己平时移动端web开发中遇到的问题,也参考一下前辈的一些总结 1.最常见的要数1像素边框了 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在dpr=2的retina屏下会显示成 ...

  3. 【前端】移动端Web开发学习笔记【2】 & flex布局

    上一篇:移动端Web开发学习笔记[1] meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 最佳实践 ...

  4. 【前端】移动端Web开发学习笔记【1】

    下一篇:移动端Web开发学习笔记[2] Part 1: 两篇重要的博客 有两篇翻译过来的博客值得一看: 两个viewport的故事(第一部分) 两个viewport的故事(第二部分) 这两篇博客探讨了 ...

  5. 移动端web开发基础概念

    最近在了解移动端web开发的相关知识,有些概念总是模糊不清,这次花费了一些时间整体的梳理了一遍. 分辨率 分辨率可以从显示分辨率与图像分辨率两个方向来分类.显示分辨率(屏幕分辨率)是屏幕图像的精密度, ...

  6. 移动端Web开发注意点

    不用考虑浏览器兼容性 移动端开发主要对象是手持设备,其中绝大部分是IOS和Android系统,so,在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性,webkit是本次开发重点. 当然,不同版 ...

  7. 移动端Web开发如何处理横竖屏

    <!Doctype html> <html> <head> <meta charset="utf-8"> <meta id=& ...

  8. 移动端web开发技巧（转）

    原文链接:http://liujinkai.com/2015/06/06/mobile-web-skill/ 移动端web开发技巧 这是一个最好的时代,因为我们站在潮流中:但也是一个最坏的时代,因为我 ...

  9. 安卓手机移动端Web开发调试之Chrome远程调试(Remote Debugging)

    一.让安卓打debug模式的apk包 二.将电脑中的chrome升级到最新版本,在chrome浏览器地址栏中输入chrome://inspect/#devices: 在智能手机还未普及时,移动设备的调 ...

随机推荐

  1. Linux无法使用userdel删除用户和组的解决办法

    转自:http://www.linuxidc.com/Linux/2013-07/87371.htm 简述: 今天在看书的时候,看到有个实例,手痒痒的跟着做了起来...但是,出现问题了..测试的用户和 ...

  2. 普通用户如何临时获取root权限

    转自:http://634871.blog.51cto.com/624871/1325907 在实际工作中,公司不会将root用户直接给员工使用,而是通过员工自己的账号临时获得系统的root权限. 1 ...

  3. Linux for windows cp 数据中文乱码

    今天遇到一个很奇葩的问题,不仅让我纠结了半天更影响了我的工作效率找到了一种解决方法.分享和记录下以备自己和后人参考 说下情况 本人的Linux服务器上的数据要cp到新安装的windows server ...

  4. 百度地图代码API

    百度地图代码API: http://api.map.baidu.com/lbsapi/creatmap/index.html

  5. 使用css3来实现边框圆角效果

    经常看到别人的网站有个边框来修饰文字区域,类似圆角矩形把文字环绕起来,特别有感觉,于是就试着用图片边框来修饰,但是用图片过多会拉慢网页的加载速度,能不能使用css3来实现边框圆角效果呢?当然borde ...

  6. show processlist 其中status详解（适用于所有概况）

    mysql show processlist分析 2011-04-11 16:13:00 分类: Mysql/postgreSQL mysql> show processlist; +—–+—— ...

  7. Android 字体和颜色

        对于能够显示文字的控件(如TextView EditText RadioButton Button CheckBox Chronometer等等),你有时需要控制字体的大小.Android平台 ...

  8. ios开发者到真机测试

    ios就是矫情, 没事搞那么多步奏, 搞得我都不会弄了, 不懈努力后还是弄好了, 总结一下, 避免新人走弯路. 苹果的脾气就是这样, 只能慢慢学了 1.  生成CSR (开发者证书认证请求) 打开钥匙 ...

  9. HDOJ 2066 floyed优化算法

    一个人的旅行 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others) Total Sub ...

  10. win7安装ubuntu后，进入不了win7

    方法一:进去ubuntu系统后,终端下输入如下命令:sudo update-grub,输入命令后,会提示寻找win7,ubuntu系统.并自动建立引导详情链接:http://zhidao.baidu. ...