为视网膜显示屏优化网页上的图片

标签:HTML, JavaScript, iPhone, CSS

说起iPhone 4带来的革新,retina display绝对是最吸引眼球的一项,以至于我现在看电脑的显示屏时,都能看到满屏幕的像素点了⋯

正是依赖这视网膜显示屏,iPhone 4的分辨率达到了640×960 pixels;不过为了保持向下兼容性,它采用的仍然是320×480 points。
也就是说,在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,每个像素都对应图片中的1个像素。
如此一来,老的应用无需修改就可以在iPhone 4上运行了——虽然显示效果差了点,但是不会出现只有左上角那1/4的区域有内容的情况。

在用iOS SDK开发iOS应用时,只要将图片名加上“@2x”后缀,就能让支持retina display的设备自动显示这个解析度更高的图片。
但Safari等使用UIWebView的应用在展示图片时,却无法利用这个特性,因为这样可能会造成大量没必要的HTTP请求。
既然不能自动实现,那就只能手动来弄了。原理很简单,准备2种图片,当检测到支持retina display时,就显示大图,然后把图像的长宽各缩小一半即可。

在iPhone上搭建lighttpd服务器

标签:iPhone

最近在做web测试时遇到个问题:我的电脑无法从外界访问,所以iPhone没法访问架设在本机的web服务器。
每次都部署到外部服务器太麻烦了,于是就决定在iPhone上搭建web服务器了。
搜索了一番后发现有在iPhone上运行Lighttpd的文章,于是便开工起来。

iPhone上的RSS阅读器横向比较

标签:iPhone, RSS

用了2个月的网页版Google Reader,虽说Google已经做得不错了,但是仍然有很多问题:
  1. 不能离线浏览,载入图片既慢又费流量。
  2. 一次最多只能载入100个条目。
  3. 一次最多只能标记200个条目为已读。
  4. 必须滚动到页面最下方才能标记为已读或载入更多条目。
  5. 只能预览条目的第一行。
  6. 条目有时候不够高,很难点击。
  7. 打开条目时会花屏一会。(Safari的问题)
  8. 快速滚动条目时会花屏一会。(Safari的问题)
  9. 切换窗口和打开外链很麻烦。(Safari的问题)

于是便开始寻觅iPhone上的RSS阅读器来,我的要求大致如下:
  1. 能与Google Reader同步。
  2. 可以离线浏览,包括图片。
  3. 界面较好,阅读体验舒适流畅,操作简单。
  4. 可以方便地进行加星号、分享和评论操作。

还是把iPhone给越狱了

标签:iPhone

自从买了iPhone 4后,很多用iTouch的朋友就劝我快点越狱,倒是用iPhone的朋友却没一个越狱的,这让我感到很不解。
用了2个月未破解的系统后,我发现确实没什么越狱的必要。虽说iOS会有些不爽之处,但并不是什么无法容忍的毛病。而我对越狱的理解就是可以装盗版软件和美化,但这2者都是我没啥兴趣的。
不过考虑到要升4.3了,不先玩玩破解版似乎缺了点啥,就像读大学没挂过科一样不完整,所以还是决定动手了。

使iPhone Safari的label元素生效

标签:JavaScript, iPhone

今天在测试本站的手机页面时发现一个问题:我将一个label元素关联到一个checkbox上后,在电脑的浏览器上点击这个label时,checkbox会随之被勾选或取消;但用iPhone上的Safari浏览器测试时,却毫无反应。
本来label元素的一个很重要的作用就是方便用户点击表单控件,而iPhone上的checkbox非常小,如果不能点label的话是非常麻烦的。

记录一些iPhone 4的操作

标签:iPhone

玩了几个小时iPhone,感觉还是太多东西要学了,于是记录一下自己发现的一些操作方式吧。

iPhone 4入手

标签:iPhone

1月4日回家时被联通的GFW折磨得不行了,于是决定去买台能翻墙的智能手机。比较了一番后觉得Android在操作体验上还是不如iPhone,再比较了一下价格,于是决定买联通版96元套餐的iPhone 4了。
搜索了一番后,我发现有人在威锋论坛号召大家一起预约上海联通的,便去联系他了。
第3天和联通的经理联系上了,说星期五有货。
等到星期五,发现只有32G的,白跑一趟了…
于是又等到今天,早早地在11点前就出发了。到那后领了个30号,然后排了1个多小时的队,终于买到了…去得晚的就有得等了,办事效率和银行差不多,基本上1小时10个人吧,我看到号码都快100了…

« 看看还有什么好玩意