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. jQuery基础细节

    使用CDN版的jQuery         用托管在公共CDN(Content Delivery Network,内容分发网络)上的jQuery库,CDN是一种内容分发网络,当用户请求其数据时,CDN ...

  2. apache如何配置默认的根目录

    在本地安装了wamp环境,默认的根目录是D:\wamp\www,使用起来非常不方便.那如何改变默认的根目录呢 1,找到httpd.conf文件 D:\wamp\bin\apache\Apache2.2 ...

  3. 教你如何---构建良好的windows程序(初学者必看)

    一使用菜单栏和工具栏 1.菜单栏和工具栏有什么作用和优点: 通过菜单栏把应用程序的功能进行分组,能够方便用户查找和使用,下图所示的菜单栏包含的每一项都是顶层菜单项,顶层菜单项下的选项称为”子菜单”或” ...

  4. 总结使用Unity 3D优化游戏运行性能的经验

    原地址:http://www.gameres.com/msg_221889.html 作者:Amir Fasshihi 流畅的游戏玩法来自流畅的帧率,而我们即将推出的动作平台游戏<Shadow ...

  5. python4delphi 设置syspath

    详细看demo25的代码 These techniques are demonstrated in Demo25 in the examples folder of your Python for D ...

  6. 细微之处：比较两种CSS清除浮动的兼容

    http://www.cnblogs.com/bienfantaisie/archive/2011/05/27/2059597.html 清除浮动是连续浮动元素之后的必备工作,在工作中我做到需要清除浮 ...

  7. 【消息队列MQ】各类MQ比较

    目录(?)[-] RabbitMQ Redis ZeroMQ ActiveMQ JafkaKafka 目前业界有很多MQ产品,我们作如下对比: RabbitMQ 是使用Erlang编写的一个开源的消息 ...

  8. 【JAVA、C++】LeetCode 005 Longest Palindromic Substring

    Given a string S, find the longest palindromic substring in S. You may assume that the maximum lengt ...

  9. DP:Corn Fields（POJ 3254）

    北大教你如何高效养牛(误)(点我查看)  2015-08-21: 问题的大意就是有一片稻田,里面有很多坑,你要在上面种稻谷,然后呢田里面还会养牛,牛不喜欢扎堆吃饭,所以呢你种的稻谷要间隔种在坑里面,所 ...

  10. opencv学习笔记（六）直方图比较图片相似度

    opencv学习笔记(六)直方图比较图片相似度 opencv提供了API来比较图片的相似程度,使我们很简单的就能对2个图片进行比较,这就是直方图的比较,直方图英文是histogram, 原理就是就是将 ...