∪∩deniable Design

个人JAVA版GAE(google app engine),struts2+jpa+jQuery开发,互相交流 http://iunbug.appspot.com/
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

2012年9月21日

Chrome全平台更至 22版本后,给前端调试带了几个另人兴奋的实用功能

Posted by  on Oct 9, 2012 in Web App | 0 comments

Chrome全平台已经更新版版本 22.0.1229.79,给前端调试带了几个另人兴奋的功能:

1.Elements面板,右键元素节点选择“Scroll Into View”,可以快速在页面视图中快速定位到当前节点

2.Elements面板,右键元素节点选择“Break on…”则可以监听元素子元素变化,属性变化,节点被移除时触发断点debug

3.Elements面板,右键元素节点选择“Force Element State”则可以应用元素的“:active,:hover,:focus,:vistied”状态,同时这些状态是可以组合使用而且保持着的

4.Elements面板,选中元素节点,在右则的样式版本中点击“+”号,就可以依元素的选择器生成对应的样式,生成优先级“ID选择器>类别选择器>标记选择器”

同是在上图中,我们也可以看到“鼠标”形状的按钮,就是在样式列表中显示当前元素对应的鼠标四个状态样式的,这个功能早期版本一直有的。

http://www.iunbug.com/archives/2012/10/09/455.html

posted @ 2012-10-09 11:39 ∪∩BUG 阅读(174) | 评论 (0)编辑 收藏

升级了iOS6后测试了一下给应用推广来的新特性SMART APP BANNERS .首先要在head标签添加如下meta

1
<meta name="apple-itunes-app" content="app-id=425349261,app-argument=newsapp://doc/8BU4DQ9P00963VRO">

要注意的是content属性:app-id即是你的应用id,app-argument则用作打开应用时的URL,比如打开网易新闻对应的新闻VIEW。

测试结果是:

 

升级了iOS6的iOS设备,不过有点小BUG,比如new ipad中整条内容部分是居左而没居中显示,itouch4只有在对应的应用成功安装了才显示。希望这些BUG是个别机子,因为测试条件有限没有全面测试。

你想你会问,如果动态添加这条meta会是什么结果呢?先来看看:

http://www.iunbug.com/archives/2012/09/21/431.html

posted @ 2012-09-21 17:17 ∪∩BUG 阅读(174) | 评论 (0)编辑 收藏

已经有不少前端同行抱怨iScroll4的各种问题,我个人并不赞同将这些问题归咎于iScroll4,因为iScroll4进无论是touch事件的捕获,还是使用transform来处理滚动,以及将cubic-bezier应用到transition上实现高效的平滑滚动,这些原理我们都是已知的。更多原理细节可以参看[译]手把手教你编写iOS上Mobile Web App实现Fixed Position和模拟滚动 一文。此文则来解释另一个被很多人误解为iScroll4 造成的问题,那就是内容多的页面闪动的问题。现象表现为:

1.滑动过程中,滚动区内的元素在释放手指时出现细微闪动

2.图片缩放过程中释放手指时明显闪动

3.iOS上从mobile safari打开或第三方应用内打开后,切回主屏幕再切回页面时明显闪动

4.页面初始时闪动

大致这些情况下会有闪动,在ipad2,new ipad上会明显看得出。

下面就来分析产生的原因和解决办法:

http://www.iunbug.com/archives/2012/09/19/411.html

posted @ 2012-09-21 12:24 ∪∩BUG 阅读(526) | 评论 (0)编辑 收藏