web移动端和PC端利用chrome同步开发调试

利用chrome可以同步移动端和PC端的web开发调试,前提是,Android系统版本必须4.0+,而且必须用chrome,或者Android 4.4系统版本以上的原生app里面的webview才可以。 由于Android 4.4的原生app webview 的调试暂时还比较少,所以,这里简单说一下chrome下的调试。 1、移动设备和PC设备必须安装了chrome [more...]

 

开发中发现,在红米手机的webview里面,如果在同一个元素上同时设置了边框以及圆角,而且有背景颜色时,背景颜色会溢出,没有圆角效果。 其实这个是因为红米解析css的background时出了问题。 在css2引擎里,background的显示是不包括border的,意思是从padding开始; 可是在css2.1~css3引擎里,background的显示则是包括border的,意思是从border开始; 红米解析background时,background没有根据border的圆角而圆,而是溢出了,而去掉border,background还是能圆的。 所以,会出现这个问题,主要是元素加了边框,而且是圆角的,再加上有背景颜色。 要解决这个问题,就要把background从border移进去padding开始。 [more...]

 

开发微站时发现一个bug,在小米1s的微信webview里面,当元素被设为position:fixed时,z-index有时候会失效。 测试了一下,发现是因为有些元素使用了-webkit-animation。 这是怎么一回事呢?当两个元素都设为position:fixed时,再给他们设z-index,这时,层级就不是按照正常的大者为上了。 而是先看看谁有-webkit-animation这个属性,哪个有就哪个为上。如果两个都有,这是才以正常层级划分。 先别急,除了是否有-webkit-animation这个属性之外,里面必须有渐变属性 @-webkit-keyframes name{ [more...]

 

1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。 3、-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅(这个属性会调用硬件加速模式),但是在android下不可乱用,很多见所未见的bug就是因为这个。 4、@-webkit-keyframes可以预定义很多你所想到的动画,然后通过-webkit-transition来调用。 5、-webkit-background-size可以做高清图标,不过一些低版本的android只能识别background-size,所以有必要两个都要写上;用这个属性的时候推荐树勇cover这个值,可以自动去匹配宽和高。 [more...]

 

涉足了一下sencha touch ,它也属于ExtJs框架的一种,看了很多天,糊里糊涂的,虽然有API,可是不懂它的机制还是没啥用…… 后来看了很多博文,才略懂一二啊 或者步骤可以这样说: 1、下载sencha touch [more...]

 

Gesture事件,包括手指点击(click),轻拂(flick),双击(double-click),手指的分开、闭合(scale)、转动(rotate)等一切手指能在屏幕上做的事情 它只在有两根或多根手指放在屏幕上的时候触发 事件处理函数中会得到一个GestureEvent类型的参数 它包含了手指的scale(两根移动过程中分开的比例)信息和rotation(两根手指间连线转动的角度)信息 这个事件是对touch事件的更高层的封装,和touch一样,它同样包括gesturestart,gesturechange,gestureend。 gesturestart // [more...]

 

前几天写几个页面,在几台手机上测试都没事,然后到了开发后期,发现在一台galaxy上的微信里面却发现变了样…… 在列表那里,设置了li的height,也设了同样大小的line-height,一般情况下,文字应该是居中的 可是在galaxy里面,它文字偏偏却往上偏了……(这个现象出现在微信的webview里面) 研究了一番,发现galaxy的解析有点不一样,至于出现问题的原理,基于水平问题,还不能得出正确的答案。 只是能提供另一种方案,实现文字居中,就是不设height和line-height,设padding,上下的padding一样就好。 由于笔者的情况单一,如果有其他需求,该需再研究研究

© 2012 Hedgehog Suffusion theme by Sayontan Sinha