2015年5月31日 星期日

document.cookie don't work in android

在利用cordova打包html和js時,發現document.cookie竟然寫不進手機裡,查資料才知道在android 3.1以上需要打開cookie寫入,操作如下:
1、打開專案底下的「\platforms\android\src\com\example\MainActivity.java」:
2、先「import android.webkit.CookieManager;」,
3、在 onCreate function裡面「CookieManager.setAcceptFileSchemeCookies(true);

2015年5月28日 星期四

php接收跨域請求

通常表單只能送給同網域的程式來處理 (基於安全性考量),若要跨域的話,會有幾種作法,這邊只討論W3C - CORS (Cross-Origin Resource Sharing)方式。

這是W3C 所制定的方式,目前主流的瀏覽器都有支援,這是透過 HTTP Header 來確認存取權限,算比較寬鬆性的解決跨域方法。

CORS的運作流程:
1、如果瀏覽器有實作 CORS,在發送跨域 Request 之前,會先發出一個 OPTION Request 來詢問目的網站是否接受跨域的 Request。
2、若是這個 OPTION 沒有回應允許傳送的 CORS Headers,那麼原本要發送的 Request 就不會被傳送。若是回應了符合條件的 CORS Headers,瀏覽器就會接著發送跨域的POST Request。

2015年5月27日 星期三

PhotoSwipe - 行動開發必備的iOS 風格相冊

PhotoSwipe 是一個專門針對行動設備的圖像畫廊,它的靈感來自iOS 的圖片瀏覽器和Google行動端圖像。 PhotoSwipe 提供熟悉和直觀的界面,能夠與行動網站上的圖像進行互動。

有lightbox效果、圖像放大、手滑等功能。


2015年5月20日 星期三

div裡面包img時,會多4px的間隙

當塊元素包裹圖片時,圖片下面出現了4px的間隙。找不到具體的原因,還好有解決方式:
一、將圖片轉換為塊元素
設定:img {display:block;} 
二、設定圖片的垂直對齊方式
設定「vertical-align」,不管設定「top、middle、bottom」哪一種都可以,
img {vertical-align:top;}