日誌2012-03-29 23:11

【自製】即時通知 Chrome Extension

熊熊想不起來自己怎麼突然會有這種想法，八成是昨天在忙作業，又要看巴哈有沒有通知，然後看了看 Chrome 的右上角有好幾個方便的 Extension （Facebook、GMail、Twitter），所以就想說去搜尋看看有沒有類似功能的插件、程式等等。

快速的搜尋過後，似乎找到一個不錯的方案 － HTML 5 Web Notification，不過實際編寫、使用過後，發現能支援的功能很少，而且滿雞助的。簡單來說這個東西是新推出的功能，類似桌面通知的小程式，透過開啟一個網頁來執行（這就是屋主感到些許雞助的地方），加上它只提供兩種方式，第一種是固定化透過預先編寫的程式碼來發佈通知，第二種是經由網路取得訊息來發佈通知，不過巴哈沒有伺服器在做這個功能啊！

▲　上面所說的桌面通知，不過實作後發現，充其量只能接收到有新的幾則即時通知而已。

桌面通知只有數字告知有幾篇新的，然後還得開著一個網頁，真的是十分不方便，雖然這個功能屋主花了大概半小時看一下教學就搞定。因為這功能不方便，接著又去尋找其他可行方案，發現可以使用 Chrome Extension 來達成，可是要寫一個 Extension 屋主又懶得看教學，於是那時只有先嘗試編寫一個網頁去讀取和整合資訊，結果最後花了將近六個小時才發現，居然無法跨網域存取 XML，於是在把上面這桌面通知丟給好友看之後，便放棄了。（雖然睡前有去站務中心反應，希望站方可以考慮這個功能，不過沒有被接受。）　囧ｒｚ．．．

然後在今天早上起床看到這個訊息之後，突然心中怒火夾雜著衝勁，又去把昨天晚上的 Extension 教學翻出來研究，沒想到經過一番搜尋和研究後，居然成功了！應該有好友在接近中午的時候看到我的動態吧？

▲　偷偷拿八年級的勳章來用，看起來有點專業水準。（笑）

做到這邊已經花了將近三小時的時間（唉，屋主寫程式的功力真的頗差的！），不過能接受到有幾則通知，跟隔壁的推特和信箱的插件類似，心中已經滿感動的。又過了差不多三個小時的努力，已經把彈出區塊給大致弄好，並努力排版成將近本來的即時通知。

▲　可以點擊後前往開討論串和查看所有討論串。

看起來真的還滿漂亮、方便的（羞），雖然功能上沒有原本巴哈網頁的即時通知完善，但屋主所需要和期望的功能都已經完工，剩餘部份近期內應該是不會去更改，畢竟接下來要忙畢業作品，應該沒什麼時間去研究這個，雖然我的畢業作品也是要編寫一個手機用的 App 。

▲　這是屋主自己在開發中的安裝畫面，還有不少地方需要測試。

這邊不是很確定是屋主自己功力不足的關係，還是本身 Extension 就不支援這個功能，本來還想放入關閉某則通知這個功能（這樣就能完全取代原本巴哈網頁內的即時通知啦！），可是就屋主自己的研究，似乎無法在彈出區塊內執行 Javascript 或者是直接連結網址，這兩項功能。也就是說無法直接從這 Extension 回應打招呼的功能，以及上面所說的停止通知。除此之外，目前接收通知上屋主是設定成每十五秒查看一次（巴哈預設是三十秒），接下來如果還有再修改的話，還有一個地方會先去改善，就是點選按鈕後，通知數那個數字不會馬上消失的問題，一時之間還不知道該怎麼去修改，雖然有寫過 Web App 但 JQuery 還不是很上手啊！

首先感謝大家點閱這篇文章，這篇主要都是在贊述此程式的製作過程，沒有仔細介紹這個程式，由於目前不確定這個 Extension 是否會影響到巴哈本身的運作（過於頻繁讀取伺服器資訊？），而且本身的程式功能不夠健全、系統上耗損效能的疑慮等（也不確定有多少人對這個程式有興趣），加上使用的圖片都是站方的，害怕會有侵權的可能，所以發這篇文章的時候並沒有把程式分享出去，還請有興趣使用的大大們多見諒！順到一提，這個 Extension 得要先登入巴哈後，才會有接收通知的功能，因為巴哈沒有提供 API ，而且屋主自己也不知道該如何去寫這方面的功能，將來除非技術大躍進，不然應該也不會去添加這功能。

以上，感謝您把這篇乏味的文章看完了，不知道這種文章可不可以推上精選呢！？　（驚

17

14

LINE 分享

相關創作

這是甚麼？

爐石 英雄戰場插件 自動搜尋對手分數

Github Action 學習紀錄

留言

• 2012-03-29 23:18東京1/3650：
  頭香！

  2012-03-29 23:21ŇιΚã ◆ 入入型態：恭喜插到了! 昨天也是第一個分享給你的 [e17]

• 2012-03-29 23:20タシデレクレレレレ：
  來弄弄看~

  2012-03-29 23:22ŇιΚã ◆ 入入型態：怎麼弄? 我沒上傳分享給別人套用啊 [e18]

• 2012-03-29 23:22Feng-風吹：
  我就有興趣[e16]

  2012-03-29 23:26ŇιΚã ◆ 入入型態：感覺沒有很方便，到時丟上去，不好用不要攻擊我啊 [e26]

• 2012-03-29 23:23楓：
  [e15]加油~沒GP了~下次給~

  2012-03-29 23:26ŇιΚã ◆ 入入型態：第一次看到沒巴幣的 (拍拍)

• 2012-03-29 23:25タシデレクレレレレ：
  我要用啦><
  趕快去上傳啦~
  

  2012-03-29 23:26ŇιΚã ◆ 入入型態：再等一兩天這樣 [e38]

• 2012-03-29 23:27タシデレクレレレレ：
  可以用了要馬上和我說喔XDDDD
  

  2012-03-29 23:29ŇιΚã ◆ 入入型態：嗯 [e22]

• 2012-03-29 23:32送你上西天^_^：
  感覺很方便呢

  2012-03-29 23:37ŇιΚã ◆ 入入型態：只有Chrome限定，還得先登入巴哈 [e18]

• 2012-03-30 11:08翼は夢、そして空へ：
  原本想照著試的，結果仔細看文章才發現要自己編寫，所以還是先算了XD
  
  不過有這東西確實很方便，畢竟有時一天要開巴哈或是FB等網站數次，只是為了確認有沒有留言，卻往往不見得有東西，變成只是浪費動作。附帶一提，ミカ是以Chrome為主嗎，我自己是FF用了很多年，有一些插件用的太習慣了，所以一直留在這邊，不然Chrome我也很想試試！

  2012-03-30 12:43ŇιΚã ◆ 入入型態：自從Chrome推出後就跳過來了! 不然以前都是用FireFox [e8]
  剛稍微找了一下，感覺FireFox的插件，不太好做啊 [e18]
  Chrome感覺上容易許多，不過這也只是一時興起去做的，之後應該不會做其他的 [e38]
  話說FireFox很多插件，Chrome上都找到類似的，不過到底有多少我也不是很清楚啦 [e17]
  

• 2012-03-30 12:54翼は夢、そして空へ：
  其實我最堅持的，就是用滑鼠脫一下連結就會新開視窗的套件，可是不知為何試了幾套類似的套件，其反應都差FF下的半拍（用起來就是不太順暢）...。除此之外我用google書籤用蠻久的，結果Cheome是google自家瀏覽器，對google書籤卻沒有良好支援，這點也令人感到困惑...。

  2012-03-30 13:03ŇιΚã ◆ 入入型態：嗯，開新視窗確實滿實用的，我都是手動自己點，晚點去找找有沒有好用的! [e8]
  至於書籤，我用Chrome到目前為止似乎沒有什麼不便，就類似IE的我的最愛，儲存網頁而已，不過它書籤跟著帳號，對我來說還滿方便的。

• 2012-03-30 21:49StillDream：
  我就是看上這種方便才學chrome的extension

  2012-03-30 21:51ŇιΚã ◆ 入入型態：那大師可以寫出更棒的嘛? [e15]

• 2012-03-30 21:49Ⓐ告：
  完整版出了嗎?

  2012-03-30 21:50ŇιΚã ◆ 入入型態：沒有所謂的完整版啊 (笑

• 2012-03-30 22:33タシデレクレレレレ：
  可以用了嗎?OAO
  

  2012-03-30 22:35ŇιΚã ◆ 入入型態：還在試用當中 [e38]

• 2012-03-31 00:06タシデレクレレレレ：
  加油啊~好想用XD
  

  2012-03-31 00:08ŇιΚã ◆ 入入型態：確定上面所說的功能不會出錯 [e41]

• 2012-03-31 00:09タシデレクレレレレ：
  好了的話再放來社團吧XD
  

  2012-03-31 00:13ŇιΚã ◆ 入入型態：嗯! [e24]

• 送出