hybrid app开发中：苹果移动设备实用Meta标签

hybrid app开发中:苹果移动设备实用Meta标签 “apple-mobile-web-app-status-bar-style”作用是控制状态栏显示样式具体效果如下: status-bar-style:black status-bar-style:black-translucent Meta标签中的apple-mobile-web-app-capable属性及含义这meta的作用就是删除默认的苹果工具栏和菜单栏. content有两个值”yes”和”no”,当我们需要显示工具栏和菜单…

【Hybrid App】Hybrid App开发四大主流移平台分析

转自http://dev.yesky.com/238/34657738.shtml Hybrid App在过去的两年中已经成为移动界的核心话题,但是作为一名Web开发者来说要如何站在移动互联网的浪潮之巅呢?是选择学习原生开发,研究Java.Object-C.C#等语言,还是选择继续使用网页开发,容忍HTML5功能的局限性?就在开发者左右为难的情况下Hybrid App作为一个折中的解决方案诞生了.那么究竟什么才是Hybrid App呢? Hybrid App概念 Hybrid App:Hybri…

【Hybrid App】Hybrid App开发实战

[引言]近年来随着移动设备类型的变多,操作系统的变多,用户需求的增加,对于每个项目启动前,大家都会考虑到的成本,团队成员, 技术成熟度,时间,项目需求等一堆的因素.因此,开发App的方案已经变得越来越多了.曾经有一段HTML5的小浪潮,无数的人参与或者看到过一个讨论: 原生开发还是混合开发,又或者是Web开发?到底最佳实践是怎样的,笔者认为只有实践过的人才会知道.尤其是在这个充满各种变数的移动互联网时代. [摘要]笔者将从Hybrid App的开发现状出发,阐述Hybrid App的优缺点,同时…

Hybrid App 开发初探：使用 WebView 装载页面

Hybrid App 是混合模式应用的简称,兼具 Native App 和 Web App 两种模式应用的优势,开发成本低,拥有 Web 技术跨平台特性.目前大家所知道的基于中间件的移动开发框架都是采用的 Hybrid 开发模式,例如国外的 PhoneGap.Titanium.Sencha,还有国内的 AppCan.Rexsee 等等.Hybrid App 开发模式正在被越来越多的公司和开发者所认同,相信将来会成为主流的移动应用开发模式. Hybrid App 融合 Web App 的原理就是嵌…

hybrid app开发中用到的html5新特性localStorage、sessionStorage和websql database

近期在项目中进行hybrid app开发,项目中有大量的js代码执行在android设备上. 使用到了非常多HTML5的新特性,之前没有遇到过,不了解.这里记录下添加点前端的知识.混合式app开发中.常常须要使用缓存功能,比方你在页面表单控件上输入了数据.你希望下次退出app再次进来的时候还能看到这些数据:比方你的项目中有保存草稿的功能,仅仅是先将数据暂时存储在本地,以后再提及到server. 这就须要我们将数据持久地存储在本地.这就须要用到HTML5中的本地化存储解决方式.本文主要介绍下ses…

hybrid app开发工具

hybrid app开发工具 1.AppCan AppCan是国内Hybrid App混合模式开发的倡导者,AppCan应用引擎支持Hybrid App的开发和运行.并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题.使用AppCan应用引擎提供的Native交互能力,可以让HTML5开发的移动应用基本接近Native App的体验. AppCan作为中国Hybrid混合应用开发.移动平台.移动云平台的倡导者和领导者,以“免费+开源+开放”的互联网模…

Hybrid App开发实战

Hybrid App开发实战作者李秉骏发布于九月 04, 2013 | [引言]近年来随着移动设备类型的变多,操作系统的变多,用户需求的增加,对于每个项目启动前,大家都会考虑到的成本,团队成员, 技术成熟度,时间,项目需求等一堆的因素.因此,开发App的方案已经变得越来越多了.曾经有一段HTML5的小浪潮,无数的人参与或者看到过一个讨论: 原生开发还是混合开发,又或者是Web开发?到底最佳实践是怎样的,笔者认为只有实践过的人才会知道.尤其是在这个充满各种变数的移动互联网时代. [摘要]笔…

Hybrid App 开发模式

开发移动App主要有三种模式:Native. Hybrid 和 Web App. 需要注意的一点是在选择开发模式的时候,要根据你的项目类型(图片类?视频类?新闻类?等),产品业务和人员技术储备等做权衡. Hybrid开发模式就是既有Native开发也有Web app的开发.那我们怎么去确定App中某个功能模块使用Native还是Web开发?它们之间如果需要接口通信又该如何去实现呢?又该如何更好的去维护Hybrid App产品呢? 1.Native or Web开发模块当我们选择用Hybrid模…

app开发中如何利用sessionId来实现服务端与客户端保持回话

app开发中如何利用sessionId来实现服务端与客户端保持回话这个问题太过于常见,也过于简单,以至于大部分开发者根本没有关注过这个问题,我根据和我沟通的开发者中,总结出来常用的方法有以下几种: (个人觉得不简单么) 一:服务端默认的session 这种方式最大的优点是服务端不用增加任何代码,但APP与网站不同,通常情况下,我们会希望APP的登陆状态能维持数天,甚至数月之久,大部分的服务端程序,都会在进程重启时或客户端多久不活动时,将session全部清空,致使状态丢失二.在客户端记录登陆…

[目录]hybrid app 开发实战（基于ionic，cordova，angularjs）

序:为什么要写这个系列第一章:hybrid app开发之技术选型第二章:ionic,cordova,phonegap关系浅析第三章:ionic环境搭建之windows篇第四章:ionic环境搭建之OS X篇第五章:完成基本布局第六章(番外篇):基于asp.net web api提供web服务第七章:基于token机制的用户控制 -- 注册.登录.登出第八章:自定义loading 第九章:获取终端信息(类型.平台.版本等) 第十章:app.js解析第十一章:下拉刷新.文件上传第…

APP开发中，如何从UI设计上提升APP用户体验

设计中有很多细微的东西要注意,就如UI设计中,元素的统一性,图标风格.段落的排版等等,只有能注意这些细节,你的 APP UI 才算合格. 干货君总结了17个提升用户体验的 UI 设计小技巧,也是我们日常用到的很基本的技巧,对于新手UI设计师建议一看,注意案例中「对」与「错」不是绝对的,仅用于参考作用. 1.图标保持统一性图标是UI设计里非常重要的模块之一,最重要的一点是要保持风格统一.如果是填充型的图标,那么一套设计里不要出现线性的图标设计.其次就是描边大小的统一,定下了3px就要全套保持即…

Hybrid App—Hybrid App开发模式介绍和各种开发模式对比

什么是Hybrid App 最开的App开发只有原生开发这个概念,但自从H5广泛流行后,一种效率更高的开发模式Hybrid应运而生,它就是"Hybrid模式".Hybrid APP是目前广泛流行的一种APP开发模式 H5渗入APP开发我们都知道,原生APP开发中有一个webview的组件(Android中是webview,iOS7以下有UIWebview,7以上有WKWebview),这个组件可以加载Html文件. 在Html5没有兴盛之前,加载的Html往往只能用来做一些简单的静态…

第一章：hybrid app开发之技术选型

伴随着移动互联网的兴起,越来越多的企业将部分资源投入其中,想在互联网+的大潮中分一杯羹,并期望着站在风口上,成为时代的弄潮儿. 现在不会做一个app都不好意思说是搞互联网的,那么开发一个app的方式有哪些呢?基于目前市面上比较流行的app都是基于android和ios的,所以我们只针对这两种平台谈app:虽然也有其他平台,但鉴于市场占有率,不纳入本系列的范围. 第一种方式:native app IOS:基于XCode开发工具,使用Swift或者OC开发语言,来进行原生态的IOS应用的开发. An…

Hybrid混合开发中schema协议的使用与封装

混合开发中JS与APP通信的实现原理: JS通过schema协议,传递参数和全局回调函数给APP端 APP执行完(如微信扫一扫)后,调用协议中传入的回调函数,在前端执行回调处理. 默认写法: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hybrid中schema协议的使用</title></head…

web app开发中 iPhone、iPad默认按钮样式问题

webapp开发过程中,用html5+css3很方便,而且可以很方便的编译到Android ios等不同平台,但是ios需要单独处理一下,不然会出现一些想象不到的问题.下面就介绍一下各种问题的解决方法方法/步骤 iPhone.iPad默认按钮样式问题解决方法给按钮元素添加一个-webkit-appearance: none;具体代码 input[type="button"], input[type="submit"], input[type="re…

Android开发中网络代理设置实用总结

一.背景进行Android项目开发时,跟网络代理基本上天天都在打交道.通常情况下,至少有三个场景中经常用到网络代理: 1,经常通过Chrome访问Google等国外的技术网站,如通过SS工具等: 2,AS(Android Studio)中需要下载国外的aar或jar包等资源: 3,手机抓包时,电脑上开启Charles等抓包软件,手机网络连接电脑抓包软件对应的代理. 无论是使用SS,还是通过AS拉取资源,以及Charles抓包等,有时候我们都会遇到一些“莫名其妙”的网络问题.解决问题时,有时候可…

webkit内核中的一些私有的meta标签

Hybrid App开发模式中, IOS/Android 和 JavaScript相互调用方式

IOS:Objective-C 和 JavaScript 的相互调用 iOS7以前,iOS SDK 并没有原生提供 js 调用 native 代码的 API.但是 UIWebView 的一个 delegate 方法使我们可以做到让 js 需要调用时,通知 native.在 native 执行完相应调用后,可以用stringByEvaluatingJavaScriptFromString 方法,将执行结果返回给 js.这样,就实现了 js 与 native 代码的相互调用.具体让 js 通知 na…

混合物App开发中，在移动设备上调试查看日志，重写window.console

(function(){ var print={ lock:true, log:function(param){ if(this.lock){ var element=document.createElement("div"); element.style.background='green' element.style.fontSize='20px' switch (typeof param){ case "string" :element.innerHTML=p…

混合式APP开发中中间件方案Rexsee

发现Rexsee时,他已经一年多没有更新过了,最后版本是2012年的. 他的实现思路是通过Android自带的Java - Javascript 桥机制,在WebView中的JavaScript同Java进行通信,而这样的话即Javascript可以直接创建原生UI界面,以获得较高的性能目标. 这样,它支持C/B/S模式即Hybrid 混合式App的开发. 1. 这本身是Android内置的机制,所需做的工作仅是做一层封装,共js使用,所以理论上是具有很好的扩展性的: 2. 将UI主体布局.升级…

ios app 开发中ipa重新签名步骤介绍-备

作为一个app应用程序开发者,在app应用程序在苹果商店上架前总需要将安装包安装到ios机器上进行测试,这个时候我们就需要打包in house版本的ipa了,打包in house实际上是一个将ipa应用程序重新签名的一个过程.一般来说打包in house需要以下东西:MAC机器,一般打包ipa都是在MAC机上打包的,一个后缀名为.mobileprovision概要配置文件,一个后缀名为P12的证书,还有一个后缀名为.cer的证书,还有就是你想重新签名的ipa. 如何给ipa重新签名步骤1 : …

IOS APP开发中View的几种实现方式

xib文件有以下几个重要的属性: xib文件名 File’s Owner xib文件中的视图的Class xib文件中的视图的Outlet指向 File’s Owner 可以关联到某类,然后通过IBOutlet 可以提供视图中各种逻辑自定义视图类,xib中设置布局,类中实现逻辑 test_xib.zip 纯代码实现 Xib文件 File’s Owner为nil的xib 新建BlueView.xib, 由于它会放到其它View上作为subview,所以这儿size是Freeform, Statu…

Android app开发中用户协议（使用条款）文字自己主动换行

用户协议(使用条款)文字自己主动换行处理转载请注明出处:http://blog.csdn.net/u012301841/article/details/46648821 我们在开发app的时候.常常在关于这一模块.会涉及到用户协议或者使用条款这一类的,纯文本界面,可是须要自己主动换行和拖动.通常,PM会给你一大段文本,让你自己去处理. IOS能够直接复制文本进去.就会自己主动换行,不用处理,全然ok.为什么Android不行?我们仅仅能一行行的去复制.去加换行符\r\n之类去处理.以下给大家介…

ios app 开发中ipa重新签名步骤介绍

APP开发中的弹窗体系，UI设计师不能忽视的地方

1. 弹窗的定义弹窗分为模态弹窗和非模态弹窗两种. 弹窗分类模态弹窗:很容易打断用户的操作行为,用户必须回应,否则不能进行其他操作. 非模态弹窗:不会影响用户的操作,用户可以不对其进行回应,非模态弹窗通常都有时间限制,出现一段时间后就会自动消失. 弹窗作用:非模态弹窗一般被设计成用来告诉用户信息内容,而模态弹窗除了告诉用户信息内容外还需要用户进行功能操作. 2. 弹窗的介绍 2.1 Dialog(Alerts) 得到.日历 Dialog需要用户对此弹框进行操作后才能继续执行其他任务. 警告框…

在APP开发中，如何优雅的设计APP页面

1.明确页面设计在整个产品设计中的位置互联网产品设计的流程大致是:产品定位——需求分析——信息架构设计——流程设计——页面框架设计——设计说明——输出设计文档.可以看到页面设计是处于整个流程的后期,所以前期必须去和产品经理或者用研人员反复沟通,明确产品定位.明确需求.了解业务流程,然后再梳理信息架构.产品的导航形式.任务流程和页面流.不管产品经理还是交互或UI,都要去了解这些,并反复沟通,这是基础,所有的设计脱离了用户和需求都是耍流氓. 其实这也是我在以前文章中反复强调的,只要你从事的是产品设…

使用AngularJS 进行Hybrid App 开发已经有一年多时间了,这里做一个总结

一.AngularJS 初始化加载流程 1.浏览器载入HTML,然后把它解析成DOM.2.浏览器载入angular.js脚本.3.AngularJS等到DOMContentLoaded事件触发.4.AngularJS寻找ng-app指令,这个指令指示了应用的边界.5.使用ng-app中指定的模块来配置注入器($injector).6.注入器($injector)是用来创建“编译服务($compile service)”和“根作用域($rootScope)”的.7.编译服务($compile se…