∪∩deniable Design

          個人JAVA版GAE(google app engine),struts2+jpa+jQuery開發(fā),互相交流 http://iunbug.appspot.com/

          2012年9月21日

          Chrome全平臺更至 22版本后,給前端調試帶了幾個另人興奮的實用功能

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

          Chrome全平臺已經(jīng)更新版版本 22.0.1229.79,給前端調試帶了幾個另人興奮的功能:

          1.Elements面板,右鍵元素節(jié)點選擇“Scroll Into View”,可以快速在頁面視圖中快速定位到當前節(jié)點

          2.Elements面板,右鍵元素節(jié)點選擇“Break on…”則可以監(jiān)聽元素子元素變化,屬性變化,節(jié)點被移除時觸發(fā)斷點debug

          3.Elements面板,右鍵元素節(jié)點選擇“Force Element State”則可以應用元素的“:active,:hover,:focus,:vistied”狀態(tài),同時這些狀態(tài)是可以組合使用而且保持著的

          4.Elements面板,選中元素節(jié)點,在右則的樣式版本中點擊“+”號,就可以依元素的選擇器生成對應的樣式,生成優(yōu)先級“ID選擇器>類別選擇器>標記選擇器”

          同是在上圖中,我們也可以看到“鼠標”形狀的按鈕,就是在樣式列表中顯示當前元素對應的鼠標四個狀態(tài)樣式的,這個功能早期版本一直有的。

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

          posted @ 2012-10-09 11:39 ∪∩BUG 閱讀(320) | 評論 (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,比如打開網(wǎng)易新聞對應的新聞VIEW。

          測試結果是:

           

          升級了iOS6的iOS設備,不過有點小BUG,比如new ipad中整條內容部分是居左而沒居中顯示,itouch4只有在對應的應用成功安裝了才顯示。希望這些BUG是個別機子,因為測試條件有限沒有全面測試。

          你想你會問,如果動態(tài)添加這條meta會是什么結果呢?先來看看:

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

          posted @ 2012-09-21 17:17 ∪∩BUG 閱讀(268) | 評論 (0)編輯 收藏

          已經(jīng)有不少前端同行抱怨iScroll4的各種問題,我個人并不贊同將這些問題歸咎于iScroll4,因為iScroll4進無論是touch事件的捕獲,還是使用transform來處理滾動,以及將cubic-bezier應用到transition上實現(xiàn)高效的平滑滾動,這些原理我們都是已知的。更多原理細節(jié)可以參看[譯]手把手教你編寫iOS上Mobile Web App實現(xiàn)Fixed Position和模擬滾動 一文。此文則來解釋另一個被很多人誤解為iScroll4 造成的問題,那就是內容多的頁面閃動的問題。現(xiàn)象表現(xiàn)為:

          1.滑動過程中,滾動區(qū)內的元素在釋放手指時出現(xiàn)細微閃動

          2.圖片縮放過程中釋放手指時明顯閃動

          3.iOS上從mobile safari打開或第三方應用內打開后,切回主屏幕再切回頁面時明顯閃動

          4.頁面初始時閃動

          大致這些情況下會有閃動,在ipad2,new ipad上會明顯看得出。

          下面就來分析產(chǎn)生的原因和解決辦法:

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

          posted @ 2012-09-21 12:24 ∪∩BUG 閱讀(645) | 評論 (0)編輯 收藏

          主站蜘蛛池模板: 武功县| 宕昌县| 庄河市| 宁乡县| 乐至县| 临泉县| 白水县| 岳阳市| 库尔勒市| 白沙| 弋阳县| 仲巴县| 斗六市| 太康县| 蓝山县| 永川市| 安顺市| 璧山县| 汝阳县| 乐昌市| 青浦区| 成武县| 乐平市| 五台县| 澄城县| 鄱阳县| 邵武市| 郎溪县| 车致| 中山市| 密山市| 乌兰察布市| 吉隆县| 肃宁县| 通城县| 赫章县| 顺平县| 博湖县| 昆山市| 响水县| 防城港市|