手机开发
文章平均质量分 55
spring21st
Dedicated to ASP.NET,C#,DataBase,Design Pattern and Algorithms;
Be good at (X)HTML, CSS, JavaScript(jQuery)
展开
-
移动端上传组件WebUploader
网站开发少不了上传的功能,一般PC端常用的是jquery uploadify但是移动端是不支持flash的,但是移动端对html5的支持力度是非常强的,没有必要使用flash方案。推荐使用baidu fex的WebUploader项目地址:http://fex.baidu.com/webuploader/download.html原创 2016-06-11 14:50:06 · 15642 阅读 · 0 评论 -
[HTML5]Application Cache使用中需要注意的事项
之前在分享HTML5中,经常会提到离线缓存--Application Cache,学习的时候只是知其然,并不知其所以然,仅仅是通过文档了解其语法。这次在手机当当网触屏版的优化中,对于首页当我使用Application Cache的时候,发现几个问题: 1. 离线缓存的文件数量是有限制的 CACHE MANIFEST# Version 0.1# Author: chaichu原创 2012-01-31 16:30:04 · 4004 阅读 · 2 评论 -
移动电子商务网站建设之概述
题外话想做这次总结有一段时间了,但是总是这样那样的事情给耽搁。妈妈常说“不怕慢,就怕站”,我决定回来以后一定要把自己在手机当当网一年多以来的积累总结一下。首先要感谢小白,放手让我处理占手机当当网60%的站点,独立承担触屏版网站的建设,期间的指导让我终身受益。同时,感谢老焦,如果没有你,我也不可能接触到移动领域,并发现自己的兴趣和喜好。还要,感谢当当的同仁,产品设计、UI设计、前端开发工程师原创 2012-01-29 14:58:51 · 2721 阅读 · 0 评论 -
手机当当网触屏版开发之旅
新年伊始,首先给大家拜个晚年了! :)“一年之计在于春”,回到北京感觉比在家暖和多了。总结回顾去年的工作,就要开始着手新的一年的工作了。从2011年11月18号开始,在PM、UI、前端同学 and so on(以下不进行点名表扬了,吼吼~~)的大力努力下,2012年1月12日正式上线了。秉承我们一贯的风格--“低调”,我们采用的是服务器端进行判断,如果您是通过iPhone 的s原创 2012-01-29 11:54:13 · 10033 阅读 · 2 评论 -
[HTML5]配置Ngnix服务器支持manifest
HTML5有一个相当诱人的特性,就是 Application Cache,即离线存储。 可以在没有网络的情况下,不会给用户一个“网络不可用”这种很不友好的用户提示。当然,更主要的是,我们希望可以在没有网络的状态下,依然带给用户较高的用户体验。 使用离线存储,除了需要在html tag标签增加,列出需要缓存的清单,还必须在服务器端进行相应的配置。 由于开发中使用Ngnix原创 2011-12-13 00:10:43 · 7455 阅读 · 4 评论 -
iPhone App自动化测试
无线客户端的发展很快,特别针对是android和ios两款无线操作系统的客户端应用,相应的测试工具也应运而生,这里主要给大家介绍一些针对iPhone App的自动化测试工具。首先,我们把这些测试框架分为三大类:接口测试工具、注入式UI测试工具、录放式UI测试工具。一、接口测试工具,主要在iphone SDK提供的单元测试框架的基础上,完成代码的接口功能测试。这类工具用的比较多的是SDK转载 2011-11-18 19:26:19 · 1721 阅读 · 0 评论 -
获取移动访问用户UA
在移动开发中经常会遇到用Android自带的浏览器访问没有问题,但是QQ浏览器访问就有bug,还有更加诡异的是,在不同的浏览器客户端版本展示效果也不一样。 这种情况下,就需要模拟客户端的UA,重现bug。 PHP获取方式:<?phpecho $_ENV["HTTP_USER_AGENT"];?> 获取UA只是排查的第一步,先期的工作要在程序中记录日志,在log中筛查原创 2011-11-18 19:45:51 · 5753 阅读 · 0 评论 -
mobile web app开发总结-getting start
HTML5日益成为移动互联网的潮流驱动器,通过HTML5可以开发出和Native相媲美的用户体验和访问效果。但是在具体开发中,还是有很多需要注意的地方。这里,结合自己在实际开发中遇到的问题,总结一下。 在之前的分享中,经常会遇到“Native vs Mobile Web app”的争辩:开发者们都知道在高端智能手机系统中有两种应用程序:一种是基于本地(操作系统)运行的APP;一种是原创 2011-11-18 19:22:34 · 14994 阅读 · 0 评论 -
判断移动用户访问来源
根据不同的访问来源,做不同的适配,是每个移动站点都追求的终极目标。原来,我们可以采用WUREL实现,现在,又多了一个新的选择 -- MobileESP MobileESP 通过 轻量级的API判断用户是否是通过移动终端(如iPhone, Blackberry, Android, Windows Mobile等),返回简单的boolean结果(true 或 false)。项目工程可以原创 2011-11-14 00:28:42 · 1910 阅读 · 2 评论 -
User Agent List
移动开发中经常需要去模拟不同的浏览器去测试页面效果。下面把收集整理的User Agent分享一下:(包含PC 浏览器版本、移动浏览器)List of User Agent StringsALLCRAWLERS00原创 2011-10-17 17:35:56 · 4207 阅读 · 0 评论 -
Android模拟 HTTP multipart/form-data 请求协议信息实现图片上传
问题:Android应用中,当遇到填写用户信息、发表评论等操作,不可避免会遇到“form表单操作”(类似web form操作)上传图片的功能。在这种情况下,使用Android的HTTPConnection/ ApacheHTTP 通过POST 和GET的方式就实现不了。转载 2011-08-30 15:33:27 · 6172 阅读 · 1 评论 -
Android客户端与服务器端通过DES加密认证
由于Android应用没有像web开发中的session机制,所以采用PHPSESSID的方式,是没有办法获取客户端登录状态的。这种情况下,如何在用户登录后,服务器端获取用户登录状态并保持,就必须采用一种“握手”的方式。 每个手机都有自己的IMEI号,那么能不能通过这原创 2011-08-29 18:28:52 · 13071 阅读 · 1 评论 -
[CSS3]CSS3 Media Queries在iPhone4和iPad上的运用
CSS3 Media Queries在iPhone4和iPad上的运用 CSS3 Media Queries的介绍在W3CPlus上的介绍已有好几篇文章了,但自己碰到的问题与解决的文章还是相对的较少。前几天在《修复iPhone上submit按钮bug》上介绍了修复form中sumit按钮的bug。同一个项目,为了实现iPhone和iPad横板转载 2012-04-13 11:09:06 · 21035 阅读 · 0 评论 -
[JavaScript]避免console错误
JavaScript 开发过程中,我们经常会使用console对象来进行程序调试。有用户反馈手机当当网触屏版在HTC 手机上无法将单品进入购物车,经过排查和测试,发现是因为console的缘故,JavaScript执行错误,导致Ajax success无法继续执行。个人觉得是HTC对Android 自带浏览器进行了改动,不支持console对象及相应的方法。 如果发布的代码中依然包含c原创 2012-04-13 11:25:50 · 3012 阅读 · 0 评论 -
[iOS]解决Mobile App icon图片清晰度问题
在做Moblie Web App的时候,经常会遇到一大堆的icon图标iOS 5.1以下的分辨率那么高,当设计稿出来的320x480 的图标,一放到iOS上就显示模糊了。目前我知道的有两种方案:1. 使用AI做矢量图,这样屏幕分辨率发生变化,也不会造成icon模糊2. 用双倍尺寸 然后 缩一倍,保证清楚我目前采用的方案基本上都是第二种,和设计配合会好一些。另原创 2012-04-13 15:08:39 · 3190 阅读 · 0 评论 -
解决网页百度转码的问题
辛辛苦苦开发移动站点后,发现通过手机访问的站点指向的web站,还被百度给转码了前一篇文章,我们通过《ngnix根据UA配置访问不同站点》,实现了在手机上访问web站,也可以自动跳转到移动站的效果。这种被百度转码的问题无解了吗?仔细读百度转码的内容,发现百度提供的转码说明:http://zhanzhang.baidu.com/college/coursei原创 2015-12-04 03:06:58 · 3736 阅读 · 0 评论 -
ubuntu安装php-cgi
最近调研百度efe 的saber框架,需要安装php-cgi依赖,Ubuntu下安装的方法非常简单,sudo apt-get install php5-cgi如果是mac的话,参见http://stackoverflow.com/questions/27232483/how-to-install-php-cgi-as-a-plugin-in-mac-os-os-x-10-10这篇文原创 2015-11-23 00:43:26 · 4096 阅读 · 0 评论 -
适配各种移动设备的mediaquery
/* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* Styles */ } /* Large screens ----------- */ @media only screen and (min-width转载 2013-09-23 22:29:33 · 5603 阅读 · 0 评论 -
weinre远程调试mobile页面
移动端页面的调试因为没有像firebug 这样的工具,调试起来比在PC更加麻烦一些。但是借由weinre, 我们也可以像PC端那样,远程调试webapp。(以下环境均为windows7)1) 安装weinre最新版本的weinre 通过npm进行安装npm -g install weinre 官方地址:http://people.apac原创 2013-05-15 23:03:04 · 6318 阅读 · 6 评论 -
IOS App Icon Size 图标尺寸
Device/ScreenFile Name (PNG)Icon Size (pixels)iPhone and iPodApplication Icon for iPhone (retina display)Icon@2x.png114 x 114Application Icon icon for iPhoneIcon.png57 x转载 2013-05-16 00:28:03 · 4904 阅读 · 0 评论 -
Axure rp 如何安装库
最近打算自己做点儿小玩意,开始身兼产品设计、UI、UE、RD,吼吼~原型找了找,还是用Axure,发现有iPhone 和 iPad的库可以用,导入方法有以下两种:1.打开Axure,点击导入扩展名为.rplib的组件库即可。2.把组件库放在“我的文档”中的“我的Axure RP库”文件夹中即可实现自动装载。开工~原创 2012-11-29 01:27:07 · 3556 阅读 · 0 评论 -
通过手机型号查找相应UA信息
移动网站开发中,经常遇到UA适配的问题,很多情况下,是部分机型不支持。这时,你需要知道目标机型的UA才能进行判断,然后修改匹配规则。原来一直使用的user agent switcher就不那么好使了,现在隆重推出我的“大杀器” http://www.tera-wurfl.com/explore/search.php?action=browse输入手机型号,然后点原创 2012-11-04 01:14:00 · 7032 阅读 · 3 评论 -
使用 smart app banner 推广APP应用
在iOS6发布后,其中 smart app banner 的功能使webapp的功能又凸显了。先上图: 使用方法也很简单:在meta标签添加 smart app banner需要注意的是:1. 此功能仅针对ios2. content除了app-id 外,还可以添加app-argument等参数,详见:http://developer.apple.com原创 2012-10-12 16:55:34 · 4878 阅读 · 0 评论 -
iOS6 post cache问题
在做ipadwebapp时,升级到ios6的ipad,在歌曲取消收藏后,返回状态码是200,刷新页面后,发现删除操作是没有执行的。清空safari 缓存后,添加歌曲收藏、删除歌曲收藏都是可以的了,同样的操作在ios5下面是不存在的。 初步判断有可能是因为post缓存的缘故,将$.ajax post 请求全部加上时间戳,搞定~真是坑爹的IOS6 呀! 附网上的一篇介绍:h原创 2012-10-12 16:49:19 · 1115 阅读 · 0 评论 -
[Javascript]判断浏览器类型
jquery取得版本号可能是内核的版本号,在实际应用中还是需要改进一下下面是改进的一个浏览器版本判断: var userAgent = navigator.userAgent, // userAgent rMsie = /.*(msie) ([\w.]+).*/, // ie rFirefox = /.*(firefox)\/([\w.]+).*/, // firefox rO转载 2012-07-23 17:04:25 · 878 阅读 · 0 评论 -
[MobilewebApp]图片的适配与清晰度
iPhone4s的屏幕分辨率是640x960,这样就带来一个问题:原来设计的320x480的设计出来的icon等图片,在高分辨率下就会显得模糊。 在经过讨论、查阅资料和测试后,可以有方法解决哦~ 1. 对于采用 方式引用图片的: 屏幕图片测试 原图320: 原图480: 原图640: 480压原创 2012-04-26 13:15:48 · 6344 阅读 · 2 评论 -
[HTML5]自定义数据属性
原文见 HTML 5 data- Attributes http://ejohn.org/blog/html-5-data-attributes/自定义数据属性是在HTML5中新加入的一个特性。对于规范来说,好像有点怪异–但他的确提供了一些便利。简单来说,翻译 2011-09-08 16:12:40 · 1848 阅读 · 0 评论 -
utf-8 乱码问题解决
经常在开发中会遇到页面乱码的问题,以前遇到的时候,大部分是由于文件格式和meta里的charset不一致导致的。遇到这种情况,还是比较容易发现和解决的。修改文件格式和charset一致即可。 还有一种情况可能是服务器配置原因导致的。原创 2011-07-25 14:41:11 · 4825 阅读 · 0 评论 -
使用WUREL构建多服务应用
WURFL可以根据客户端请求中的UA信息匹配到对应设备的规格属性,从而使实现多服务的应用程序成为可能。原创 2011-07-11 17:52:44 · 1275 阅读 · 0 评论 -
构建移动站点
构建移动站点原创 2010-11-19 17:00:00 · 658 阅读 · 0 评论 -
手机网站重构经验分享(S60V3篇)
相对而言,手机上的页面兼容性测试,相当痛苦!手机光操作系统都有S60V3,S60V5,MTK,Android,Windows Mobile等等,每个操作系统上除了自带的浏览器,还有至少3种以上可供用户下载安装的浏览器,要想做到较好的兼容性必须在各种平台的手机上安装不同的浏览器逐一测试,并总结出差异与共性。转载 2010-11-15 17:47:00 · 763 阅读 · 0 评论 -
不通过app Store,使用Ad Hoc发布应用程序
不通过app store那么复杂的发布、审核流程,我们也是可以将自己的程序发布到真机上进行测试的,方法就是Ad Hoc。原创 2011-01-07 14:25:00 · 23792 阅读 · 1 评论 -
iPhone图片设计问题
iPhone4较之之前的iPhone版本,图片像素的显示效果有很大提升,为了能够显示清楚,需要根据iPhone4的设计来制作效果图。原创 2011-01-07 14:14:00 · 1275 阅读 · 0 评论 -
iPhone OS 开发-了解并解决代码签名问题
绝大多数iPhone Developer/Distribution 的代码签名生成错误是因为证书和Provisioning profiles没有在开发系统上正确安装引起的。本文描述在开发 iPhone OS 应用程序时所需要的文件以及如何安装它们。转载 2011-01-05 16:08:00 · 5361 阅读 · 0 评论 -
iPad: 大尺寸触屏的交互意义
很好的分析ipad交互的文章原创 2010-12-27 11:05:00 · 1491 阅读 · 0 评论 -
Web移动应用框架构想
当我们已经开始惊叹 web移动应用充斥着各种各样框架与类库的时候,其实各大web框架才刚刚开始他们的移动领域:Yahoo的YUI3.2的Touch版、jQuery的 jQueryMobile、ExtJS整合JQTouch和Raphaël库推出的Sencha Touch框架转载 2010-11-02 17:24:00 · 706 阅读 · 0 评论 -
将你的 iPod touch 或者 iPhone 打造成学习工具
将你的 iPod touch 或者 iPhone 打造成学习工具原创 2010-11-02 17:14:00 · 885 阅读 · 0 评论 -
Web开发的未来HTML5 CSS JavaScript
移动设备的广泛使用,使许多传统开发者很无奈。一个企业真的既需要一个Web站点又需要一个移动应用程序吗?本文讨论了HTML 5的可移植性以及为什么在所有的移动平台上都可以良好运行的HTML5,CSS和JavaScript应用程序才是未来的趋势。转载 2010-11-02 17:21:00 · 1239 阅读 · 0 评论 -
HTML5 开发Mobile Web App
周六参加web交流会,提到了目前使用html5开发手机客户端程序的几个案例,网上搜了搜,很早就有人关注这方面了。收集整理下~转载 2010-11-02 17:19:00 · 1330 阅读 · 0 评论 -
百度移动开放平台上线
百度移动开放平台(gate.baidu.com)已于近日悄然上线,输入任意PC站点,都可以迅速查看转码后的WAP页面效果转载 2010-11-02 11:07:00 · 1099 阅读 · 0 评论