前面（加菲貓漫畫 APP 程式製作與上架）提到，為了製作一個手機用的應用程式，引發了我認真寫一個手機和平板適用的網頁。這個網頁主要是以RSS*閱讀器為基礎，希望畫面能夠簡潔好用，然後讓手機應用程式來讀取。關鍵功能是由jquery mobile所提供。
2013.12.14更新：
上面兩個網址已經停止維護，新的加菲貓漫畫手機版瀏覽網頁
很久很久以前，我就想把加菲貓部落格弄個手機瀏覽的介面，一直都沒有成功。直到最近為了做手機應用程式APP，才意外又勾起了我這個慾望。話說如果Wordpress能夠提供好的手機用模版，我是不是可以省掉這幾個禮拜不眠不休的努力呢？
好了，這個網頁設計的起點是始於Conduit的RSS閱讀介面（詳情請見「加菲貓漫畫 APP 程式製作與上架」一文），所以尋找好的網頁介面RSS閱讀程式是我最初搜尋的目標。中間刪減掉100萬次盲目的無效搜尋跟白做工的努力，最後找到關鍵的網頁是「6 JQUERY MOBILE RSS READER DEMOS」裡面的第一個例子「RSS Reader with jQuery Mobile」，程式碼可以在「這裡」下載得到。這個程式例子好像有不少相關類似的設計，有興趣的朋友可以搜尋看看。
上面這個程式主要用到jquery跟jquery mobile的程式功能，以及google feed api的功能。在經過簡單的試用之後，這個程式的閱讀效果很符合我的需要。但是他缺少一個功能，就是去找到舊的RSS文章。後來我好像有試出來google feed api的參數可以抓到舊的RSS，但是不齊全，而且一次列很多舊漫畫出來也不會是讀者想要的功能，所以我另外想辦法解決如何看舊漫畫的問題。
後來我想到，既然這個程式可以讀xml*格式的檔案，那我乾脆把部落格上面的漫畫按月輸出成xml檔給這個網頁程式讀取不就可以嗎？試過之後，成功了！
下一個問題是，我要讓讀者選擇閱讀某個月的舊漫畫，最好是用網頁表單的方式來選擇，然後把表單得到的參數丟給閱讀XML檔的網頁程式處理。參考「[JavaScript]取得用get傳遞之網址列資訊(Query String)」的作法，把表單得到的參數丟到網址上，讓閱讀XML檔的網頁把網址上的參數拿下來使用，成功！
然後是閱讀XML檔網頁程式的HOME按鈕只能回到某個月份漫畫列表，無法回到選擇漫畫月份的網頁，我在標題上加了超連結卻出現undefine的頁面，可能是網頁中有定義超連結的顯示模式，所以我在超連結的參數中加了target="_self"的參數才成功連結出來。
最後是網頁顯示在手機或平板時的大小比例不對，會太大或太小，用CSS語法裡面的width=100%也沒用，參考「Mobile Web 前端技術筆記(一): Viewport的設定」和「Width: 100% not filling up screen on mobile devices」就可以解決這個問題。
其實目前還有一個無解的問題是，某個月的XML檔一直讀不出來，結果我換個目錄擺居然就讀出來了？！見鬼，是路徑太長了嗎？不知道，總之目前是搞定了，我得去寫功課了〒〒
*所謂的RSS，就是你在部落格張貼文章時，部落格程式會把你的部落格文章內容發佈成一個xml格式的檔案，經由閱讀程式的轉換，記錄在XML檔你面的內容（你寫的文章）就可以呈現出來。但是當你有新文章時，舊文章的xml檔就會被蓋掉，除非Google有儲存在他的資料庫裡面。