作為一個web開發者,雖然,我的電腦上安裝了好幾個主流瀏覽器,但我最喜歡Chrome——相信Chrome的fans不少,他簡潔,高效,而且Chrome已經在全球使用人數排行第二。
對比360瀏覽器,Chrome有一點不足的地方就是,空白主頁不夠強大,只是顯示最近訪問的幾個網站,是一個動態的列表,並不能將我喜歡的網址鎖定,而這正是我需要的。也許,你將導航類網站設置為瀏覽器主頁,但為了最大化縮短瀏覽器啟動時間,我沒這么做。因此,我的私人訂制主頁就誕生了。需要說明的是,私人訂制主頁是針對Chrome瀏覽器空白主頁的不足而開發的,所以,不保證兼容其他瀏覽器。
效果演示:
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),這樣做后,你清除瀏覽器緩存,你會發現你的私人訂制主頁數據不會被清除(感覺有點神奇,這就是說,本地網頁存儲的數據不會隨着清除瀏覽器緩存操作被清除,這個現象是我在嘗試解決上面提到的問題時無意間發現的,是意外的收獲吧,雖然,不明白怎么回事,但是不管怎么樣,這正是我想要的結果。)。