Desktopify 網頁Widget打包成桌面軟體,自製資訊小工具推薦

desktopify-00 (by 異塵行者)

當大家逛到某些部落格或網站時,有時候會在側邊欄看到文章聯播、天氣時鐘、音樂推薦等資訊,這些小工具通常被稱為「Widgets」,而除了提供與特定網路資訊的連結外,Widgets也常常可以作為一種資訊搜尋、輸入的互動收發器。

於是當我們的生活與網路之間的連結愈來愈緊密時,如果可以把這些網路資訊用更簡便的方式帶入我們的電腦桌面,就能提升日常工作處理效率。例如一個可以快速查詢電影時刻的Widget、一個可以顯示最新美食情報的Widget,或者是一個和Twitter社群互動的Widget。

今天要推薦的「Desktopify」線上服務,它可以幫我們把原本只能在網站中使用的Widget,改裝成電腦桌面上的小工具軟體,完全免費,而且執行效能優秀。

 

「桌面端的網路資訊工具」目前大概有四種呈現方式:

而這篇文章要介紹的「Desktopify」屬於第四種方式,它會將網頁元件程式碼打包成獨立安裝桌面軟體,讓我們在電腦桌面執行這些網路程式工具。

 

Desktopify本身是個線上工具,提供了兩個層面的服務:

  • 1.針對製作者:把特定的網頁Widget程式碼打包成可安裝桌面軟體。
  • 2.針對一般用戶:將已打包桌面軟體開放分享,可以直接下載獨立小軟體。

我相信大多數使用者應該比較想直接試用看看用Desktopify所打包的桌面端軟體,所以下面我會先介紹Desktopify的獨立桌面小工具安裝流程;接著列舉我自製的資訊小工具推薦清單,讓大家先看看Desktopify所能達到的應用效果;最後,我才會說明如何自行製作需要的桌面Widgets。

 

 

  • Desktopify獨立桌面小工具安裝與操作流程

01.

來到Desktopify網站,你可以透過「Gallery」分類,看到其它用戶已經製作上傳的優質桌面Widget工具。我們可以分別下載各自獨立的小軟體後,進行安裝的動作。

desktopify-13 (by 異塵行者)

02.

在桌面Widget工具頁面(例如:電腦玩物文章精選工具),除了可以看到工具呈現效果預覽外,也可以透過下方各種〔Download〕按鈕,分別下載適用於Windows XP/VistaWindows 7Mac系統的軟體。

desktopify-14 (by 異塵行者)

03.

接著執行下載好的軟體進行安裝,在安裝的最後一個步驟,會詢問你是否要在開機執行這個小工具(Start when I start windows)。

desktopify-07 (by 異塵行者)

04.

安裝好後直接執行,就可以看到桌面上出現相應的Widget小視窗,在桌面Widget右上角有一個〔關閉〕、〔釘住(置於桌面最上層)〕和〔搬移位置〕的功能列;而視窗最下方則有一個Google搜尋工具

desktopify-08 (by 異塵行者)

05.

下方的網頁搜尋工具可以正確使用中文關鍵字進行搜尋,會開啟你所在地區的Google搜尋引擎。

desktopify-10 (by 異塵行者)

06.

每個獨立的桌面Widget軟體都會在系統列呈現個別圖示,在該圖示上打開右鍵清單,你可以利用【Start Automatically】設定開機啟動,利用【Fixed position】鎖定目前的WIdget位置。

desktopify-12 (by 異塵行者)

07.

Desktopify打包後的桌面端軟體,在功能上不會很複雜,但是該有的基本功能都具備,例如可以將小視窗置頂、Google搜尋列等都是很實際有用的項目。

另外Desktopify執行效能流暢,我測試的一段長時間裡記憶體、CPU使用率都很穩定;整體來說在合理使用下可以在資訊獲取與電腦效能間得到一個平衡(每個獨立的Desktopify程式都佔用約13MB記憶體,還會有一個WidgetServ約佔用35MB以上記憶體,後者看你開啟的獨立Widget數量而增加)。

desktopify-16 (by 異塵行者)

 

 

  • 已打包桌面端Widget軟體直接下載推薦

下面我列舉幾個我自己打包的Widget桌面端,Widget的網頁程式本身是來自不同的網站服務,然後我利用Desktopify製作出桌面端的軟體,在簡單試用後覺得使用上沒有問題,並且應該能提供一些資訊輔助。歡迎有興趣添加這些桌面資訊工具的朋友下載,並提供回饋意見。

電腦玩物文章精選輪播:站長打包

desktopify-06 (by 異塵行者)

美人時計:站長打包

desktopify-17 (by 異塵行者)

Uniqlock跳舞時鐘:站長打包

uniqlock-01 (by 異塵行者)

Yahoo電影時刻表:站長打包

desktopify-18 (by 異塵行者)

愛評網美食資訊:站長打包

desktopify-20 (by 異塵行者)

Twitter收發訊工具:站長打包

desktopify-19 (by 異塵行者)

Google台灣新聞:官網推薦

Flickr精選照片輪播:官網推薦

 

 

  • 如何自己製作桌面端Widget軟體?

最後,我就針對進階用戶,來分享一下如何自製桌面端Widget的流程。因為直接下載他人製作好的工具雖然方便,但有時候大小、效果不一定盡如人意,而Desktopify最強大的地方,就是提供非常簡單的步驟,讓我們把網頁Widget打包成桌面軟體。

01.

來到Desktopify網站首頁,點選〔Convert Now!〕,開始進行轉換。

desktopify-01 (by 異塵行者)

02.

接著你可以選擇要將網頁元件程式碼轉換成桌面端軟體,或是將某個手機版網頁轉換成桌面端軟體。這裡我示範前者的操作,點選「I have the code of a web widget」後繼續。

desktopify-02 (by 異塵行者)

03.

接著把你想轉換的Widget程式碼複製貼上到「widget code」欄位中。然後依序填寫你想設定的元件名稱、寬度高度、元件描述、分類等等。這邊要注意的是最好輸入英文,以免變成亂碼。你可以參考旁邊的預覽,按下〔Submit〕呈交。

這邊或許會遇到一個問題,就是我們要去哪些找到各種Widget的程式碼呢?除了各自網站服務提供外,其實我們可以利用「iGoogle」首頁服務!在每個獨立小工具(Gadget)專屬頁面右方欄位可以找到「嵌入此小工具」,在這裡就能找到相關的Widget程式碼(不過不是所有小工具的程式碼都可以順利轉換)。

desktopify-03 (by 異塵行者)

04.

呈交Widget程式碼資料後,你必須輸入身為這個打包軟體負責人的相關資料,包含姓名、郵件、密碼,記得勾選「I agree with the Terms od Service」,按下〔Submit〕註冊,稍後Desktopify會寄送一封工具相關資料郵件給你。

每製作一個獨立的打包軟體,都要單獨註冊一次,這雖然有點麻煩,但是以後你可以透過「元件名稱」、「密碼」來登入網站,管理自己打包的這個工具。

desktopify-04 (by 異塵行者)

05.

最後來到「Publish your widget」頁面,按下〔Add To Desktop〕,就能進入這個桌面端小工具的專屬下載網頁了。

desktopify-05 (by 異塵行者)

06.

當你利用「元件名稱」+「密碼」登入Desktopify後,你可以看到這個小工具被下載的次數,也可以調整相關的資料設定。

另外你還可以利用「Alert」功能,發送訊息給所有已經安裝這款工具的用戶(會利用桌面右下角彈出視窗的方式呈現)!不過為了避免這個功能被垃圾廣告商利用,所以限制每個月最多只能發送三次通知訊息。

desktopify-21 (by 異塵行者)

 

  • 小結:

前面我從Desktopify的個別已打包軟體安裝操作流程,到已打包桌面小工具的下載推薦,最後總結在如何自己製作桌面Widget,希望能提供對桌面資訊工具有興趣的朋友一些幫助。如果你想要在自己的電腦桌面上進行網路互動連結,那麼Desktopify確實是一個值得推薦的轉換工具,幫我們將網頁元件轉換成桌面端軟體。

最後,本文裡推薦的一些我自己製作的桌面端工具一定有所侷限,無法顧及各種層面的Widget,所以歡迎有興趣利用Desktopify自製軟體的朋友,可以在本文留言中推薦你們製作的小工具,提供給我們大家更多的選擇。

留言

  1. 還有一個叫做bubbles的軟體也可以實現網絡應用桌面化的功能~

    回覆刪除
  2. 您說的是我很久之前有介紹過的這款嗎?

    http://playpcesor.blogspot.com/2008/02/bubbles.html

    如果是這個工具的話,它比較像是Prism,
    屬於精簡型瀏覽器,
    而非把widget程式碼桌面化,
    而且Bubbles似乎也已經停止開發,官網也失效了。

    回覆刪除
  3. 作者已經移除這則留言。

    回覆刪除
  4. 可以幫我做這個美女時鐘嗎
    http://www.bijint.com/cc/#ajax_data
    igoogle 找不到這個程式碼....
    看不懂要怎麼做.....

    回覆刪除
  5. 這個不就是我文章裡有提供的那個「美人時計」嗎?還是有什麼不一樣?

    http://desktopify.com/getwidget/Beautiful%20woman%20Clock

    回覆刪除
  6. 3D3R bubbles的官方網站應該改成這個了:


    http://bubbleshq.com/

    回覆刪除
  7. 原來更改網址了

    感謝說明~

    回覆刪除
  8. 那個是賽車美女的 不一樣的版本....

    回覆刪除
  9. 原來如此,那我也不清楚如何製作

    因為找不到他的程式碼

    回覆刪除
  10. 我看有些人的網頁有嵌入這個跳舞鐘,
    http://www.uniqlo.jp/uniqlock/
    請問站長能幫忙打包嗎?

    回覆刪除
  11. 上面提供的是香港版

    我這邊有製作一個預設是台灣版的:
    http://desktopify.com/getwidget/Uniqlock

    回覆刪除
  12. 呀>A<我忘記這裡是台灣!!抱歉啊!!

    回覆刪除
  13. 呵呵,不會阿,這樣剛好有不同選擇~

    回覆刪除
  14. 請問為何flash widget 在win7下無法成功播放?

    我只好在下xp版的 然後變成一定會置頂會遮住我的視窗?

    回覆刪除
  15. 我不是很清楚為何在win7無法播放

    至於視窗置頂的問題,可以參考本文步驟04.有說明

    回覆刪除
  16. 可以幫我做這個時鐘嗎?(win7 X64)
    http://promo.wretch.cc/wretchbeautyclock/Activity/activity.php

    回覆刪除
  17. 大大真是佛心!

    回覆刪除
  18. 為什麼我製作出來的下方有廣告(搜尋),有辦法弄掉嗎?

    回覆刪除
  19. 可以幫忙做這個時鐘嗎?我做不出來
    http://librarycity.web.fc2.com/index.html
    free gift拉到最下面那個 感恩

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Google 表單自動關閉回覆教學:時間人數到達就過期

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

如何用 AI 工具提升工作效率?三個關鍵步驟讓生成結果更精準有效

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!