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

image

手邊還沒有觸控的行動裝置可以測試,目前只有用 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 好了:

qrcode

範例程式》

因為有朋友需要 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>

留言

  1. 嗯,我也要去借聰明機來玩..

    回覆刪除
  2. 請問是否有此範例的source code,我看了SimpleHtmlDom,但是沒有範例,還是搞不懂.希望大大能提供..謝謝! rent66@gmail.com

    回覆刪除
  3. @colepow,我補在文章最後了,您參考看看。

    回覆刪除

張貼留言

回應不用錢,請多多益善!懶得寫字按個讚也是相當感謝!

這個網誌中的熱門文章

[古典相機] 巧緻實用的簡單精神.Nikon FE.1978

有點誇張的準專業機.Minolta Alpha 7 (Dynax 7、Maxxum 7).2000

在 Excel 裡轉換 Unixtime 格式

[中判相機] 開始 120 吧.Pentax 6x7.1969

[連動測距相機] Yashica Electro 35 GSN.1973