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. shell 删除文件下的* (copy).jpg备份文件

    shell编程中,  在for, while循环中为什么不用(), {} 不是没有; 而是因为(), {}做了其他用途: (): 执行命令组, 注意这个命令组是新开一个子shell中执行, 因此,括号 ...

  2. Lamp学习笔记

    1,php.ini 文件在哪里  /opt/app/php-5.3/etc/php.ini  --------------------------------------------   2014-0 ...

  3. ReactJS入门学习一

    ReactJS入门学习一 阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的 理解从服务器端获取数据及理解state的 回到顶部 React是什么 ...

  4. Java EE学习——Quartz的Cron表达式

    经历过低谷后,还是要好好学习,越失落会越来越落后. 今天写一下Cron表达式的用法,虽然是之前自己写的,也过了挺长一段时间,这次就拿出来作为回顾吧. Cron表达式是Quartz的精髓(个人觉得),比 ...

  5. Math.Round函数详解

    有不少人误将Math.Round函数当作四舍五入函数在处理, 结果往往不正确, 实际上Math.Round采用的是国际通行的是 Banker 舍入法. Banker's rounding(银行家舍入) ...

  6. JVM垃圾收集策略解析

    地址:http://developer.51cto.com/art/201002/184385_all.htm

  7. Centos下samba共享打印机

    先说需求,公司有一台型号为HP LaserJet m1120 mfp的打印机,由于不是网络打印机使用起来十分不便,公司老大要求将这台打印机连在公司的内网linux服务器上(CentOS),然后配置sa ...

  8. [ruby on rails] 跟我学之(5)显示所有数据

    之前的index页,显示的是hello world,现在将其修改为显示我们在rails console里面录入的数据. 1. 修改action 如之前的章节<[ruby on rails] 跟我 ...

  9. 获取Ad用户信息

    private];                }                dt.Rows.Add(dr);            }            return dt;        ...

  10. JDK1.7 HashMap 源码分析

    概述 HashMap是Java里基本的存储Key.Value的一个数据类型,了解它的内部实现,可以帮我们编写出更高效的Java代码. 本文主要分析JDK1.7中HashMap实现,JDK1.8中的Ha ...