瀏覽器端資料儲存

2021-07-23 21:51:16 字數 1048 閱讀 8806

有時需要將網頁中的一些資料儲存在瀏覽器端,這樣做的好處是,當下次訪問頁面時,不需要再次向伺服器請求資料,直接就可以從本地讀取資料。目前常用的有以下幾種方法:

cookie會隨著每次http請求頭資訊一起傳送,無形中增加了網路流量,另外,cookie能儲存的資料容量有限,根據瀏覽器型別不同而不同,ie6大約只能儲存2k。

這種方式能能解決上面提到的cookie儲存的兩個弊端,而且能夠跨瀏覽器,應該說是目前最好的本地儲存方案。不過,需要在頁面中插入乙個flash,當瀏覽器沒有安裝flash控制項時就不能用了。所幸的是,沒有安裝flash的使用者極少。

缺點:需要安裝flash外掛程式。

google開發出的一種本地儲存技術。

缺點:需要安裝gear元件。

ie瀏覽器可以使用userdata來儲存資料,容量可達到640k,這種方案是很可靠的,不需要安裝額外的外掛程式。

缺點:它僅在ie下有效。

使用於firefox2+的火狐瀏覽器,用這種方式儲存的資料僅視窗級別有效,同乙個視窗(或者tab)頁面重新整理或者跳轉,都能獲取到本地儲存的資料,當新開視窗或者頁面時,原來的資料就失效了。

缺點:ie不支援、不能實現資料的持久儲存。

使用於firefox2+的火狐瀏覽器,類似於ie的userdata。

1 //賦值 2 globalstorage[location.hostname][『name』] = 『tugai』; 3 //讀取 4 globalstorage[location.hostname][『name』]; 5 //刪除 6 globalstorage[location.hostname].removeitem(『name』);

缺點:ie不支援。

localstorage是web storage網際網路儲存規範中的一部分,現在在firefox 3.5、safari 4和ie8中得到支援。

缺點:低版本瀏覽器不支援。

flash shareobject是不錯的選擇,如果你不想在頁面上嵌入flash,可以結合使用userdata(ie6+)和globalstorage(firefox2+)和localstorage(chrome3+)實現跨瀏覽器。

Web Storage 瀏覽器端資料儲存機制

這個api的作用是,使得網頁可以在瀏覽器端儲存資料。它分成兩類 sessionstorage和localstorage。sessionstorage儲存的資料用於瀏覽器的一次會話,當會話結束 通常是該視窗關閉 資料被清空 localstorage儲存的資料長期存在,下一次訪問該 的時候,網頁可以直接...

瀏覽器核心 移動端瀏覽器核心

主流瀏覽器核心 1 ie瀏覽器 trident核心 2 firefox瀏覽器 gecko核心 3 safari瀏覽器 webkit核心 4 chrome瀏覽器 blink核心 blink是webkit的乙個分支 5 opera瀏覽器 最初是presto,後來是webkit,現在是blink核心 擴充...

瀏覽器端的儲存技術有哪些

常用的瀏覽器端儲存技術有哪些?這個問題不管是在筆試還是面試中都經常會遇見,我 以前也搞得不是很清楚,所以打算記錄下來,給自己加深印象。在瀏覽器端儲存一些資料的好處是,當再次訪問該頁面時,就不需要向伺服器 請求。可 以從瀏覽器端直接讀取。常用的有以下幾種 1.cookie cookie的特點是會隨著h...