⑴ webapp手机地理定位如何开发
手机连接电脑,打开360手机助手.选择"找软件".搜索"定位找回（随便一搜索一大把相关软件）"软件,下载安装>02下载完后点菜单栏上的"我的手机"在我的应用里可以看到刚才下载的软件,如果您想转到内存里,也可以选择"移到SD卡">03此时,回到手机,进入软件应用界面,新下载的一般在最后面.点击打开.>04首先会进入到一个软件功能界面,选择第一个"超强定位">05如果您是第一次使用的,就需要注册才可以用哦.选择"注册">06进入注册页面,输入相关注册信息后.点击注册>07添加手机号码,下在方输入需要定位的"手机号"后.点"添加",上方就会显示定位手机号码.>08然后时此您输入的手机号将会收到一条短信,短信内含有一个网址,需要用户点击该网址进入网页确认.>09跳出一个确认信息,点确定.>10开始定位,打开一个大范围的地图.如果您认为地址不够细,请退出.>11重新进入到该软件(返回到手机应用里),再进打开软件,重新打开,需要输入密码了哦.填充密码进入.>12然后选择"超强定位"进入定位界面,选择"查看地图">13此时就会打开一个非常详细的定位地图位置,经色标识区域就是手机现在所在位置.定位成功.
⑵ web app如何开发
最近在广州app开发公司启汇网络官网上面看到这么一则新闻：微软在IOS平台上针对Office 365企业用户推出了Outlook Web App的原生应用，将更好的企业Exchange服务推进到了IOS中。这款应用有分别针对手机与平板,是微软针对企业用户推出的在线电子邮件服务，与一般消费者使用的Outlook.com是不同的。这次推出的OWA for iOS本地应用提供Web版本原来就支持的功能，保留了Web 版的Modern UI体验。同时，相对于Web版本，本地应用还有新邮件的推送提醒，联系人同步，离线使用，语音命令，管理员远程删除数据等优势。其实，Webapp开发说白了就是一个针对iphone、Android优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、javaScript，服务端技术JAVA、PHP、ASP。据介绍，网页应用中心即移动Web App应用商店，UC浏览器引入app开发者开发这个版本，用户可以在浏览器上直接调取使用。目前UC网页应用中心的月活跃用户数已经超过4700万，Web App积累添加次数已超过1.8亿次，收录20大类超过1500款Web App，国内超过90%的app开发者都会通过UC网页应用中心推广他们的Web App。显而易见，Web App开发已被各大企业重视，再从app开发公司角度看下它究竟拥有怎样的魅力呢？其实Web app开发效果可以和电子表格，文档编辑器一样复杂，也可以和待做事项管理器一样简单。不管它是什么，它都必须完成某些事情。如今web已经成了网站和应用的混合。那么，我们该怎么区分web app和网站呢？有以下三点要素：1.一个提供了很好的用户体验，让用户能很容易地完成任务，并利用了设备本地的一些性能。2.一个web应用提供了丰富的视觉体验，又不会分散人的注意力；它注重美学，使用和本地应用一样的设计模式，又不失易用性。3.一个web应用非常注重用户的交互、参与和完成任务，而不是让他们仅仅浏览网页。应用程序是自包含的（self-contained），也即用户不用导航到其他站点或者应用来完成任务。一个web app开发应用鼓励用户交互、参与并完成任务，而不是消极浏览，比如购买电影票、写文档或者与朋友分享照片、视频。不像网站，它给用户提供了一种主人翁的感觉，他们可以和内容或其他人进行交互。那么，相对于Native App，Web App开发又有哪些优势呢？1、app开发成本较低，只要使用web开发技术就可以轻松的完成web app开发2、app升级较简单。升级不需要通知用户，在服务端更新文件即可，用户完全没有感觉3、和一般的web一样，维护比较简单，它其实就是一个站点很多app开发公司看中web的未来发展是基于它的灵活性——既拥有在web上完成任务的一切优点，又能在离线的时候完成这些任务。支持离线应用现在已经是可以实现的了——HTML5提供了例如应用缓存和客户端存储（比如，本地存储，索引数据库）等性能，这样你的应用就能在没有网络联接的时候也可以工作了。Tag：webapp开发，手机web app开发，html5 web app开发
⑶ 目前手机webapp用什么软件开发
之前学习angular的时候接触过一个叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架，官方描述是The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.Ionic 是一个用HTML, CSS 跟js 开发的一个用于移动设备的web app 开发框架，采用 Sass与AngularJS 开发。目前，Ionic 已经升级到v1.0.0-beta.14版本了，可以说这个框架的目的就是让App的开发像Web一样纯粹。对于打包app的平台推荐Cordova：Cordova（http://cordova.apache.org/）是贡献给Apache后的开源项目，是从PhoneGap中抽出的核心代码，是驱动PhoneGap的核心引擎。你可以把他想象成类似于Webkit和Google Chrome的关系。Cordova可以通过给定的API访问原生的设备的功能模块，如摄像头、麦克风等；同时支持iOS,Android等不同的手机操作系统，也就是说我们可以通过一套程序生成多平台的app，这个可以省去很多开发成本（前提是要求用户设备性能稍微好一点，在iOS上面运行起来是挺6的，但是在某些老安卓上面会有点卡顿）。上次自己做了一个todolist类的web app，通过Cordova生成app并且使用了zipalign工具进行优化，放到了自己手机上面跑了一下，感觉很6，然后拿给哥们玩了一下，他感觉不出来这是用web框架写的，感觉和native app运行效果一样，可以去尝试下这个框架。
⑷ 如何使用tp开发webapp
方案一：给原生APP提供api接口
使用TP框架时 放在common文件夹下文件名就叫function.php
<?php/***Createdbyzhangkx*Email:[email protected]*Date:2015/8/1*Time:23:15*//******api开发辅助函数*******//***@paramnull$msg返回正确的提示信息*@paramflagsuccessCURD操作成功*@paramarray$data具体返回信息*Functiondescript:返回带参数，标志信息，提示信息的json数组**/functionreturnApiSuccess($msg=null,$data=array()){$result=array('flag'=>'Success','msg'=>$msg,'data'=>$data);print<ahref="https://www..com/s?wd=json_encode&tn=44039180_cpr&fenlei=-yw9Uz4Bmy-bIi4WUvYETgN-"target="_blank"class="-highlight">json_encode</a>($result);}/***@paramnull$msg返回具体错误的提示信息*@paramflagsuccessCURD操作失败*Functiondescript:返回标志信息‘Error'，和提示信息的json数组*/functionreturnApiError($msg=null){$result=array('flag'=>'Error','msg'=>$msg,);print<ahref="https://www..com/s?wd=json_encode&tn=44039180_cpr&fenlei=-yw9Uz4Bmy-bIi4WUvYETgN-"target="_blank"class="-highlight">json_encode</a>($result);}/***@paramnull$msg返回具体错误的提示信息*@paramflagsuccessCURD操作失败*Functiondescript:返回标志信息‘Error'，和提示信息，当前系统繁忙，请稍后重试；*/functionreturnApiErrorExample(){$result=array('flag'=>'Error','msg'=>'当前系统繁忙，请稍后重试！',);print<ahref="https://www..com/s?wd=json_encode&tn=44039180_cpr&fenlei=-yw9Uz4Bmy-bIi4WUvYETgN-"target="_blank"class="-highlight">json_encode</a>($result);}/***@paramnull$data*@returnarray|mixed|null*Functiondescript:过滤post提交的参数；**/functioncheckDataPost($data=null){if(!empty($data)){$data=explode(',',$data);foreach($dataas$k=>$v){if((!isset($_POST[$k]))||(empty($_POST[$k]))){if($_POST[$k]!==0&&$_POST[$k]!=='0'){returnApiError($k.'值为空！');}}}unset($data);$data=I('post.');unset($data['_URL_'],$data['token']);return$data;}}/***@paramnull$data*@returnarray|mixed|null*Functiondescript:过滤get提交的参数；**/functioncheckDataGet($data=null){if(!empty($data)){$data=explode(',',$data);foreach($dataas$k=>$v){if((!isset($_GET[$k]))||(empty($_GET[$k]))){if($_GET[$k]!==0&&$_GET[$k]!=='0'){returnApiError($k.'值为空！');}}}unset($data);$data=I('get.');unset($data['_URL_'],$data['token']);return$data;}}查询单个果品详细信息/***发布模块**获取信息单个果品详细信息**/(){//检查是否通过post方法得到数据checkdataPost('id');$where['id']=$_POST['id'];$field[]='id,fruit_name,high_price,low_price,address,size,weight,fruit_pic,remark';$releaseInfo=$this->release_obj->findRelease($where,$field);$releaseInfo['remark']=<ahref="https://www..com/s?wd=mb_substr&tn=44039180_cpr&fenlei=-yw9Uz4Bmy-bIi4WUvYETgN-"target="_blank"class="-highlight">mb_substr</a>($releaseInfo['remark'],0,49,'utf-8').'…';//多张图地址按逗号截取字符串，截取后如果存在空数组则需要过滤掉$releaseInfo['fruit_pic']=<ahref="https://www..com/s?wd=array_filter&tn=44039180_cpr&fenlei=-yw9Uz4Bmy-bIi4WUvYETgN-"target="_blank"class="-highlight">array_filter</a>(explode(',',$releaseInfo['fruit_pic']));$fruit_pic=$releaseInfo['fruit_pic'];unset($releaseInfo['fruit_pic']);//为图片添加存储路径foreach($fruit_picas$k=>$v){$releaseInfo['fruit_pic'][]='http://'.$_SERVER['HTTP_HOST'].'/Uploads/Release/'.$v;}if($releaseInfo){returnApiSuccess('',$releaseInfo);}else{returnApiError('什么也没查到(+_+)！');}}findRelease()方法的model/***查询一条数据*/publicfunctionfindRelease($where,$field){if($where['status']==''||empty($where['status'])){$where['status']=array('neq','9');}$result=$this->where($where)->field($field)->find();return$result;}app端接收到的数据（解码json之后）{"flag":"success","message":"","responseList":{"id":"2","fruit_name":"苹果","high_price":"8.0","low_price":"5.0","address":"天津小白楼水果市场","size":"2.0","weight":"2.0","remark":"急需…","fruit_pic":["http://fruit.txunda.com/Uploads/Release/201508/55599e7514815.png","http://fruit.txunda.com/Uploads/Release/201508/554f2dc45b526.jpg"]}}app端接收到的数据（原生json串）代码如下:{"flag":"success","message":"","responseList":{"id":"2","fruit_name":"u82f9u679c","high_price":"8.0","low_price":"5.0","address":"","size":"2.0","weight":"2.0","remark":"u6025u9700…","fruit_pic":["http://fruit.txunda.com/Uploads/Release/201508/55599e7514815.png","http://fruit.txunda.com/Uploads/Release/201508/554f2dc45b526.jpg"]}}
⑸ 如何开发基于webkit内核的webapp
viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width – // viewport 的宽度 （范围从200 到10,000，默认为980 像素）height – // viewport 的高度 （范围从223 到10,000） initial-scale – // 初始的缩放比例 （范围从>0 到10） minimum-scale – // 允许用户缩放到的最小比例maximum-scale – // 允许用户缩放到的最大比例 user-scalable – // 用户是否可以手动缩 (no,yes)
⑹ 如何用html5构建移动端的webapp
H5e教育html5开发为您解答：移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间的接触后，发现前端开发这一块做一个小小的总结。1.四大浏览器内核1.Trident (IE浏览器) :因为在早期IE占有大量的市场份额，所以以前有很多网页是根据这个Trident的标准来编写的，但是实际上这个内核对真正的网页标准支持不是很好，同时存在许多安全Bug。2.Gecko:( FireFox )优点就是功能强大、丰富，可以支持很多复杂网页效果和浏览器扩展接口，缺点是消耗很多的资源，比如内存。3.Webkit: ( Chrome/ Safari / UC )优点就是Webkit拥有清晰的源码结构、极快的渲染速度，缺点是对网页代码的兼容性较低，会使一些编写不标准的网页无法正确显示。4.Presto: ( 欧朋 ) Presto内核被称为公认的浏览网页速度最快的内核，同时也是处理JS脚本最兼容的内核，能在Windows、Mac及Linux操作系统下完美运行。移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，基于Webkit内核，可使用Chrome浏览器调试即可。2.手机浏览器浏览器已经逐渐从传统桌面转向手机端，竞争也越来越激烈。目前国内市场主流的手机浏览器：UC、网络、欧朋、qq、海豚、safari、Chrome，这些浏览器都是基于webkit内核的，兼容性方面不存在问题，同时对html5和css3的支持很好，所以，大胆地应用html5和css3技术吧。在开始编写webapp时，前端工程师使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序 的体验，可以减少开发者很多的工作量，当然了你决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。比如定义一块内容或文章区域 可使用section标签，定义导航条或选项卡可以直接使用nav标签等等。3.终端分辨率手机分辨率比PC分辨率要庞杂得多，各种分辨率有木有？大小差距那么大有木有？这在一定程度上给页面制作带来了不小的麻烦。所以针对这样的因素，必须有充分的考虑。考虑到浏览器自适应，需要设计和制作完成各种不同的方法。1) 市场上主流手机生产商的产品分辨率。经过调研发现，目前主流的手机分辨率为：480*800像素、320*480像素，而1280*720像素（720P）会是接下来的趋势。这些都是很粗略的统计，要有精确的数据需要花费不少的精力，那是数据分析人员的工作。2) 项目目标群所持设备的分辨率。项目目标群即用户，用户拥有什么样的手机分辨率，从一定程度上来说比第一点来得更加重要，它决定着项目开发的方向。4.响应式web开发在编写CSS时，我不建议前端工程师把容器（不管是外层容器还是内层）的宽度定死。为达到适配各种手持设备，我建议前端工程师使用自适应布局模式（支付 宝 采用了自适应布局模式），因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik、chrome都能够正常的显示，你无需再次考虑设备的分辨率。响应式web开发不是一项开创性的技术变革，简单地说，响应式web设计采用了媒体查询、流式布局、液态图片三项技术，把它们组合在一起来制作页面，使得页面不只在传统桌面，在平板电脑和手机上，各种不同的分辨率都能够完美显示。而要做到这点，我觉得不难，请继续往下： 1) 准备工作：a) 插件安装：window resize。您可以通过下载安装谷歌浏览器插件，安装成功后，当您调整浏览器窗口时，在浏览器右下角会有灰度提示当前窗口和类似于手机视图的大小提示。b) 编辑器安装：Hbulder或Webstormc) 弄清视图和屏幕的区别。视图是浏览器的内容显示区域，屏幕是设备的物理显示区域。比如视图宽度我们一般用width表示，而屏幕宽度是用device-width来表示。相信做过手机页面的童鞋都经常见过这段代码：<meta name="viewport" content="width=device-width,initial-scale=1.0">其中width=device-width就是说把页面宽度设置成和屏幕宽度一样。d) 响应式设计创意网站收集 。这里有很多响应式Web设计的网站，供您参考和学习。 2) 征途ING：e) 响应式web设计之媒体查询：为了减少http请求，我想在css样式表里进行媒体查询会是个不错的选择，而不是在页面head部分使用link进行加载。样式表里的媒体查询格式为：@media screen and (max-width:960px){}大括号内部书写样式。该语句相当于判断语句，有两个条件，一个是视口宽度最大不超过960px，screen代表显示屏，这两个条件都具备了，就调用大括号内的样式。f) 响应式web设计之流式布局：流式布局以百分比进行布局。最重要是时刻关注元素的父级层，所有的元素都是以父级层为基准。流式布局的应用是为了和媒体查询完美地结合，形成平滑的布局变 化跳转效果。一般而言，media里的样式多以width、padding、margin、font-size、line-height这些为主。g) 响应式web设计之液态图片：要实现液态图片，只需加入如下代码：img{max-width:100%;}web移动头部书写1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />这个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；<meta content="yes” name=" apple-mobile-web-app-capable" />meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；<meta content="black" name=" apple-mobile-web-app-status-bar-style" />meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；<meta content="telephone=no" name="format-detection" />meta标签表示：告诉设备忽略将页面中的数字识别为电话号码
⑺ 如何搭建 webapp开发环境
JDK1.7EclipseKeplerApacheTomcat8.0（二）复在Eclipse中新建制Maven工程，在Archetype类型中，选择“maven-archetype-webapp”。（三）配置pom.xml。4.0.0com.favccxx..0.1-://maven.apache.org
⑻ webapp的开发有哪些
现在很多APP都是混合APP，即原生+webApp（native原生态的）：指的是原生态app直接运行在操作系统上运行。主流的移动端操作系统：Andriod：Java eclipseiOS：object-c（oc）、swift：xcode：苹果电脑webApp：用HTML5编写的移动web运用，依赖于浏览器（微信浏览器、qq浏览器），可以不加修改，直接运行在Android、iOS、pc端。优势：一套代码到处运行（跨平台运行，兼容性）劣势：运行速度不如native App ，某些底层功能缺失。例如微信浏览器：UIWebView WXWebview
⑼ 请问手机WebApp是什么需要用什么语言开发
就是手机网络应用程序，可用的语言很多，主要看手机是什么系统，javaee，c#等都可以开发
