2011年8月25日 星期四

手機網頁,重返瀏覽器時自動重新整理

在手機上離開瀏覽器後再回到瀏覽器通常會看到上一次離開的畫面
如果網頁屬於最新消息之類的訊息,讓使用者回到瀏覽器時自動reload會非常的方便
以下是使用javascript來判斷是否要reload頁面

var timenow = new Date().getTime();
timenow = Math.ceil(timenow/1000);
function autoReload(){
var checktime = new Date().getTime();
checktime = Math.ceil(checktime/1000);
if( (checktime - timenow) > 60 ){ //如果這邊超過60秒,應該是離開瀏覽器又回來,所以reload
location.reload();
}
timenow = checktime;
}
setInterval('autoReload();',5*1000); //5秒偵測一次

2011年8月18日 星期四

Firefox 6 網址列無法使用 javascript: function();

一般寫前端頁面如有使用 javascript 會在網址列直接下 javascript: function(); 來做debug的動作

更新到 firefox 6 發現網址列不吃 javascript: 了

原來有更好用的東西
tools -> web developer -> scratchpad

在裡面寫下要做的javascript語法,選取後按右鍵
Run 就可以看到執行結果

2011年8月15日 星期一

google weather api

最近某個東西需要用到氣象資料
氣象局有個 FTP 可以抓取資料,但資料不太齊全
FTP位置 ftp://ftpsv.cwb.gov.tw/pub/forecast/

然後找了 http://developer.yahoo.com/weather/
實在是不好用...

網路上翻了翻
看到 http://www.google.com/ig/api?hl=zh-tw&weather=taipei
傳入城市名就可以取得一個xml,真是方便
更方便的是傳入經緯度
http://www.google.com/ig/api?hl=zh-tw&weather=,,,25012085,121465701
真是佛心來得

2011年8月1日 星期一

facebook 啟用測試帳號

使用Facebook API來打造網站功能時如果又有綁一個帳號只能投票一次的功能
開發時通常測試會很困擾 (要一直不斷清資料庫)
Facebook 放出了測試帳號功能 https://developers.facebook.com/docs/test_users/
一個 app 可以有500組測試帳號

建立一個測試帳號

if( $_POST ){
    $url = 'https://graph.facebook.com/'.urlencode($facebook_app_id).'/accounts/test-users?';
    $url .= 'installed=false';
    $url .= '&name='.urlencode($_POST['name']);
    $url .= '&method=post';
    $url .= '&access_token='.urlencode($facebook_app_id).'|'.urlencode($facebook_app_secret);
    header('Location: '.$url); exit;
}

<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form method="post" action="test.php">
測試帳號匿名:<input type="text" name="name"><br>
<input type="submit" value="送出">
</form>
</body>
</html>

Developer App 裡面有介面可以新增
About->Roles->Testers->Add 然後填資料就可以新增測試帳號
官方文件 http://developers.facebook.com/blog/post/527/