創作內容

17 GP

【自製】即時通知 Chrome Extension

作者:ŇιΚã ◆ 入入型態│2012-03-29 23:11:34│巴幣:34│人氣:1258
熊熊想不起來自己怎麼突然會有這種想法,八成是昨天在忙作業,又要看巴哈有沒有通知,然後看了看 Chrome 的右上角有好幾個方便的 Extension (Facebook、GMail、Twitter),所以就想說去搜尋看看有沒有類似功能的插件、程式等等。

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


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

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

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



▲ 偷偷拿八年級的勳章來用,看起來有點專業水準。(笑)

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



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

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



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

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

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

以上,感謝您把這篇乏味的文章看完了,不知道這種文章可不可以推上精選呢!? (驚
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1567011
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:甘苦談|即時通知|自製程式|Chrome Extension|開發心得|密技分享|自製插件|插件|Extension|通知

留言共 14 篇留言

東京1/3650
頭香!

03-29 23:18

ŇιΚã ◆ 入入型態
恭喜插到了! 昨天也是第一個分享給你的 [e17]03-29 23:21
タシデレクレレレレ
來弄弄看~

03-29 23:20

ŇιΚã ◆ 入入型態
怎麼弄? 我沒上傳分享給別人套用啊 [e18]03-29 23:22
Feng-風吹
我就有興趣[e16]

03-29 23:22

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

[e15]加油~沒GP了~下次給~

03-29 23:23

ŇιΚã ◆ 入入型態
第一次看到沒巴幣的 (拍拍)03-29 23:26
タシデレクレレレレ
我要用啦><
趕快去上傳啦~

03-29 23:25

ŇιΚã ◆ 入入型態
再等一兩天這樣 [e38]03-29 23:26
タシデレクレレレレ
可以用了要馬上和我說喔XDDDD

03-29 23:27

ŇιΚã ◆ 入入型態
嗯 [e22]03-29 23:29
送你上西天^_^
感覺很方便呢

03-29 23:32

ŇιΚã ◆ 入入型態
只有Chrome限定,還得先登入巴哈 [e18]03-29 23:37
翼は夢、そして空へ
原本想照著試的,結果仔細看文章才發現要自己編寫,所以還是先算了XD

不過有這東西確實很方便,畢竟有時一天要開巴哈或是FB等網站數次,只是為了確認有沒有留言,卻往往不見得有東西,變成只是浪費動作。附帶一提,ミカ是以Chrome為主嗎,我自己是FF用了很多年,有一些插件用的太習慣了,所以一直留在這邊,不然Chrome我也很想試試!

03-30 11:08

ŇιΚã ◆ 入入型態
自從Chrome推出後就跳過來了! 不然以前都是用FireFox [e8]
剛稍微找了一下,感覺FireFox的插件,不太好做啊 [e18]
Chrome感覺上容易許多,不過這也只是一時興起去做的,之後應該不會做其他的 [e38]
話說FireFox很多插件,Chrome上都找到類似的,不過到底有多少我也不是很清楚啦 [e17]
03-30 12:43
翼は夢、そして空へ
其實我最堅持的,就是用滑鼠脫一下連結就會新開視窗的套件,可是不知為何試了幾套類似的套件,其反應都差FF下的半拍(用起來就是不太順暢)...。除此之外我用google書籤用蠻久的,結果Cheome是google自家瀏覽器,對google書籤卻沒有良好支援,這點也令人感到困惑...。

03-30 12:54

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

03-30 21:49

ŇιΚã ◆ 入入型態
那大師可以寫出更棒的嘛? [e15]03-30 21:51
Ⓐ告
完整版出了嗎?

03-30 21:49

ŇιΚã ◆ 入入型態
沒有所謂的完整版啊 (笑03-30 21:50
タシデレクレレレレ
可以用了嗎?OAO

03-30 22:33

ŇιΚã ◆ 入入型態
還在試用當中 [e38]03-30 22:35
タシデレクレレレレ
加油啊~好想用XD

03-31 00:06

ŇιΚã ◆ 入入型態
確定上面所說的功能不會出錯 [e41]03-31 00:08
タシデレクレレレレ
好了的話再放來社團吧XD

03-31 00:09

ŇιΚã ◆ 入入型態
嗯! [e24]03-31 00:13
我要留言提醒:您尚未登入,請先登入再留言

17喜歡★shao790531 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:《影子籃球員》遊戲化決定... 後一篇:未來日記 第二十三話「契...

追蹤私訊切換新版閱覽

作品資料夾

aaa1357932大家
各位有空可以來我家看看畫作或聽聽我的全創作專輯!看更多我要大聲說昨天09:39


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】