行動版 Google 新聞閱讀器．利用 jQuery Mobile 及 SimpleHtmlDom 撰寫

手邊還沒有觸控的行動裝置可以測試，目前只有用 PC Browser 測過 (Chrome 正常，但 IE 8 和 Firefox 4 都怪怪的)，可能真的要去借 iPhone 或 Android 手機來玩才知道，上圖是用 TestiPhone 跑的畫面。

之前利用 SimpleHtmlDom 寫了一個去抓 Google News 頁面的東西，那時候也順便想要做成行動裝置用的網頁，最近又發現了 jQuery Mobile，所以今天就利用 jQuery Mobile 把之前寫的東西改了介面。

之所以會用 SimpleHtmlDom 直接去 Parse Google News 的網站而不是抓 Google News 網站的 RSS，是因為好像在相關新聞的連結那裡是動態產生，抓 RSS 好像會有時間差，有時候相關新聞的頁面就被移除了，只好直接去 Parse Google News 的頁面，不曉得有沒有更好的作法就是了。

誠徵有可上網行動裝置的朋友玩玩，iPhone、iPad、Android 都來玩看看厚。

網址：行動版 Google 新聞閱讀器。

既然是行動版，也附個 QR-Code 好了：

範例程式》

因為有朋友需要 SimpleHtmlDom 的範例，我來貼一下抓 Google News 分類的那一段語法供大家參考，我都是亂寫的，SimpleHtmlDom 那裡的範例蠻清楚的，也可以多去參考。

<?php
include_once('simplehtmldom/simple_html_dom.php');
$url = "http://news.google.com/news?pz=1&ned=tw";
// Create DOM from URL
$html = file_get_html($url);
?>
<ul>
<?php
foreach($html->find("div[id=left-nav-sections]") as $cat)
{
    foreach($cat->find("a") as $k => $navitem) {
        if ($k > 1 AND $navitem->plaintext != "") {
            print "<li><img src=\"newsico.png\" class=\"ui-li-icon\"><a href=\"mobilegnews-s.php?c=".$navitem->plaintext."&r=".rawurlencode($navitem->href)."\">".$navitem->plaintext."</a></li>";
        }
    }
}
?>
</ul>