私人定製瀏覽器主頁

  做爲一個web開發者,雖然,個人電腦上安裝了好幾個主流瀏覽器,但我最喜歡Chrome——相信Chrome的fans很多,他簡潔,高效,並且Chrome已經在全球使用人數排行第二。html

  對比360瀏覽器,Chrome有一點不足的地方就是,空白主頁不夠強大,只是顯示最近訪問的幾個網站,是一個動態的列表,並不能將我喜歡的網址鎖定,而這正是我須要的。也許,你將導航類網站設置爲瀏覽器主頁,但爲了最大化縮短瀏覽器啓動時間,我沒這麼作。所以,個人私人訂製主頁就誕生了。須要說明的是,私人訂製主頁是針對Chrome瀏覽器空白主頁的不足而開發的,因此,不保證兼容其餘瀏覽器。web

效果演示:瀏覽器

http://jebysun.com/demo/BrowserIndex/緩存

源碼下載:網絡

http://pan.baidu.com/s/1eQGcxMy框架

相關框架:工具

  • jQuery,這個不解釋。
  • jQuery-UI,jQuery官方的一套UI庫,固然也依賴jQuery,這裏用到了其中的Sortable,用於拖動div實現調換位置。
  • jBox,基於jQuery的彈出框,用div優雅高效地實現模態窗口,工具提示(又叫氣球幫助),通知等。
  • noty,jQuery的通知提示消息插件。
  • font-awesome,爲 Twitter Bootstrap 設計的圖標字體,經過Web Font的方式來顯示一些圖標,好處是圖標能夠被任意縮放、改變顏色,你須要作的只是像修改文字樣式那樣修改圖標樣式。

  最後說明,數據保存採用的localStorage。字體

PS:網站

  忘記說明我是怎麼使用這個私人定製主頁的了,雖然你能夠把它上傳到你的網絡空間上,而後設置瀏覽器的主頁,但並不推薦這麼作,主要的緣由是當你清除瀏覽器緩存後,這個私人訂製主頁的數據也會同時被清除(這個問題我嘗試過解決,只是沒能解決,若是你知道解決辦法,求告知,很是感謝!),鑑於此,若是你有意將私人訂製做爲你的瀏覽器主頁,我推薦你把它保存到你的計算機硬盤的某個地方,而後設置瀏覽器的主頁爲該私人訂製網頁在你本地硬盤上的路徑(例如,個人瀏覽器主頁地址file:///C:/Users/JebySun/AppData/Local/Google/Chrome/MyChromeHome/index.html),這樣作後,你清除瀏覽器緩存,你會發現你的私人訂製主頁數據不會被清除(感受有點神奇,這就是說,本地網頁存儲的數據不會隨着清除瀏覽器緩存操做被清除,這個現象是我在嘗試解決上面提到的問題時無心間發現的,是意外的收穫吧,雖然,不明白怎麼回事,可是無論怎麼樣,這正是我想要的結果。)。 spa

相關文章
相關標籤/搜索