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. 汉诺塔问题II(模拟）

    汉诺塔问题II Time Limit: 1 Sec  Memory Limit: 64 MB Submit: 1556  Solved: 720 Description 汉诺塔(又称河内塔)问题是源于 ...

  2. Having与Where的区别

    where 子句的作用是在对查询结果进行分组前,将不符合where条件的行去掉,即在分组之前过滤数据,where条件中不能包含聚组函数,使用where条件过滤出特定的行. having 子句的作用是筛 ...

  3. 【OpenStack】OpenStack系列2之KeyStone详解

    源码下载.依赖安装 参考:http://www.oschina.net/question/565065_66271 https://github.com/yongluo2013/osf-opensta ...

  4. css+div绝对定位

    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" ...

  5. Java for LeetCode 076 Minimum Window Substring

    Given a string S and a string T, find the minimum window in S which will contain all the characters ...

  6. 5.django笔记之form保存表单信息，动态select

    作者:刘耀 一.使用form保存用户输入过的信息 场景:例如 如果用户注册,那么他输入n多个表单之后,那么他提交是时候,如果错误返回的时候,那么需要重新再输入表单内容.这样会影响用户体验,所以,使用f ...

  7. codeforces A. Difference Row 解题报告

    题目链接:http://codeforces.com/problemset/problem/347/A 题目意思:给出一个序列 a1, a2, ..., an , 通过重排序列,假设变成 x1, x2 ...

  8. JsRender语法

    {{:#data.Name}} 或 {{:Name}} 直接显示html格式{{>#data.Name}} 或 {{>Name}} 转义显示html字符 if else {{if bool ...

  9. windows 说“我爱你”

    CreateObject("SAPI.SpVoice").Speak "I love YOU" 保存vbs

  10. Babelfish（poj 2503）

    大致题意: 输入一个字典,字典格式为“英语à外语”的一一映射关系 然后输入若干个外语单词,输出他们的 英语翻译单词,如果字典中不存在这个单词,则输出“eh” #include<iostream& ...