如何避免localStorage存儲(chǔ)的值被修改？我們清楚，LocalStorage是HTML5所推出的一種本地化存儲(chǔ)技術(shù)。不過(guò)在Local Storage不出來(lái)之前我們?cè)谟帽镜鼗鎯?chǔ)沒(méi)有辦法你選Coo

如何避免localStorage存儲(chǔ)的值被修改？

我們清楚，LocalStorage是HTML5所推出的一種本地化存儲(chǔ)技術(shù)。不過(guò)在Local Storage不出來(lái)之前我們?cè)谟帽镜鼗鎯?chǔ)沒(méi)有辦法你選Cookie，不過(guò)Cookie并又不是利用做本地存儲(chǔ)的，反而一種會(huì)話盡量技術(shù)。Cookie數(shù)據(jù)會(huì)以及跪請(qǐng)頭的一部分傳遞給服務(wù)器端，如果Cookie數(shù)量過(guò)多的話、數(shù)據(jù)較大都會(huì)影響大幫忙速度的，所以我根本不見(jiàn)意把Cookie才是本地存儲(chǔ)方案。

Local Storage會(huì)推出后，就只能緩解了這種不自在，它這個(gè)可以儲(chǔ)存較大容量的數(shù)據(jù)。差別瀏覽器對(duì)于LocalStorage的支持有所不同，LocalStorage好象能存儲(chǔ)位置5M左右的數(shù)據(jù)，這個(gè)數(shù)據(jù)量遠(yuǎn)遠(yuǎn)達(dá)到了Cookie了。

LocalStorage數(shù)據(jù)是否需要是可以直接修改？只不過(guò)說(shuō)Local Storage有相須策略，但數(shù)據(jù)是已經(jīng)讀取在客戶端瀏覽器（硬盤）中的，所以用戶可以隨便地修改Local Storage的數(shù)據(jù)（新增審批、修改、刪除掉）。

因?yàn)橄鄬?duì)于客戶端的數(shù)據(jù)，大都不可信的，在不好算開(kāi)發(fā)中我們個(gè)人建議千萬(wàn)不能將比較敏感數(shù)據(jù)轉(zhuǎn)存LocalStorage中！

以Chrome瀏覽器為例，我們?cè)俅蜷_(kāi)調(diào)試工具，切換到到“Application”選項(xiàng)卡，你選擇LocalStorage后剛建一個(gè)Key，不勝感激圖示：

然后再我們?cè)凇癈onsole”窗口加載LocalStorage中指定你的Key，追加圖示：

是否有措施盡量減少Local Storage的值被篡改？我們不能最大限度地避免LocalStorage中的數(shù)據(jù)被篡改，這里說(shuō)的盡量避免篡改不是說(shuō)盡量減少被可以修改，只不過(guò)是說(shuō)以免他人真正的惡意修改了KV數(shù)據(jù)后使之未生效引響WEB業(yè)務(wù)。

我們可以將數(shù)據(jù)以非對(duì)稱加密存進(jìn)LocalStorage中，這樣的他人改了加密后的數(shù)據(jù)后會(huì)造成驗(yàn)證失敗的可能（即：數(shù)據(jù)非法經(jīng)營(yíng)），不會(huì)影響不大我們的業(yè)務(wù)。

以上是我的觀點(diǎn)，對(duì)于這個(gè)問(wèn)題大家是怎莫去理解的呢？歡迎在下方評(píng)論區(qū)交流~我是科技領(lǐng)域創(chuàng)作者，十年互聯(lián)網(wǎng)從業(yè)經(jīng)驗(yàn)，歡迎您關(guān)注我打聽(tīng)一下更多科技知識(shí)！

HTML5開(kāi)發(fā)工具有哪些？

一、AdobeEdge

目前還處在預(yù)覽窗口階段的AdobeEdge是用HTML5、CSS、JavaScript開(kāi)發(fā)動(dòng)態(tài)互動(dòng)內(nèi)容的設(shè)計(jì)工具。內(nèi)容也可以同時(shí)兼容問(wèn)題移動(dòng)設(shè)備和桌面電腦。Edge的一個(gè)重要的是功能是Web工具包界面，方便些確保全頁(yè)面在有所不同瀏覽器中的架構(gòu)一致性，當(dāng)然了Edge還將整合TypeKit這樣的字體服務(wù)。

動(dòng)畫(huà)和圖形這個(gè)可以添加到HTML元素中，程序也能按照Edge自身的代碼片段庫(kù)也可以JavaScript代碼接受擴(kuò)展。動(dòng)畫(huà)是可以在獨(dú)立的時(shí)間線上進(jìn)行循環(huán)嵌套，還能夠利用溝通互動(dòng)功能。條件這個(gè)可以服用復(fù)方并和代碼片段操縱。按照Edge怎么設(shè)計(jì)的內(nèi)容也可以兼容性問(wèn)題iOS和Android設(shè)備，也也可以正常運(yùn)行在火狐、Chrome、Safari和IE9等高端點(diǎn)瀏覽器。

二、AdobeDreamweaverCS6

AdobeDreamweaverCS6另外一個(gè)Web設(shè)計(jì)軟件，提供給了對(duì)HTML網(wǎng)站和移動(dòng)程序的可視化編輯界面。其FluidGrid排版集成整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺(tái)兼容性。開(kāi)發(fā)者也可以完全基于Web設(shè)計(jì)的可視化操作，不需為代碼所困。

用戶不僅僅也能在LiveView中預(yù)覽，還需要提供多屏幕預(yù)覽功能。開(kāi)發(fā)者可以是從MultiScreen預(yù)覽面板欄里點(diǎn)HTML5內(nèi)容的3d渲染效果。LiveView通過(guò)WebKit渲染引擎接受HTML5。

三、AdobeColdFusion10

ColdFusion是用來(lái)開(kāi)發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，按照Websockets、互動(dòng)表單、視頻和地理標(biāo)簽等HTML5技術(shù)修改富媒體用戶體驗(yàn)。

四、SenchaArchitect2

在開(kāi)發(fā)移動(dòng)和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開(kāi)發(fā)。開(kāi)發(fā)團(tuán)隊(duì)可以在一個(gè)元素單一板載顯卡的環(huán)境中能夠完成應(yīng)用方法的設(shè)計(jì)、開(kāi)發(fā)和部署。開(kāi)發(fā)者還可以開(kāi)發(fā)完畢Senchafaceid2和ExtJS4JavaScript應(yīng)用，并實(shí)時(shí)預(yù)覽。

五、Senchatouchbar2

Senchatouch2是移動(dòng)應(yīng)用框架，也被可以表示是Sencha的HTML5平臺(tái)。開(kāi)發(fā)者可以不用它旗下正向iOS、Android和Blackberry、Kindle Fire等多種平臺(tái)的移動(dòng)應(yīng)用。

六、Dojo Foundation Maqetta

不知從何而來(lái)于IBM的一個(gè)項(xiàng)目，DojoFoundationMaqetta是為桌面和移動(dòng)設(shè)備開(kāi)發(fā)HTML5應(yīng)用的閉源工具，支持什么在瀏覽器中查看HTML5界面。用戶體驗(yàn)設(shè)計(jì)師可以不拖放買配件UI樣板

七、微軟Visual Studio2010ServicePack1

雖說(shuō)一結(jié)束卻不是意見(jiàn)HTML5，但微軟在2011年三月首頁(yè)的Visual Studio 2010 SP1中能提供了IntelliSense，追加懸賞了根據(jù)HTML5的一些元素。

八、JetBrainsWebStorm4.0

才是具備HTML編輯器的JavaScript集成開(kāi)發(fā)環(huán)境，WebStorm4.0提供給了開(kāi)發(fā)web應(yīng)用的HTML5樣板。開(kāi)發(fā)者也可以在修改HTML文檔時(shí)可我得到對(duì)HTML5文件的支持。的或砍伐樹(shù)木者框輸入。開(kāi)發(fā)者還這個(gè)可以在chrome瀏覽器中支持實(shí)時(shí)預(yù)覽HTML文檔。

九、GoogleWebToolkit

該開(kāi)發(fā)工具作用于開(kāi)發(fā)瀏覽器應(yīng)用，但庫(kù)中意見(jiàn)很多HTML5功能。以及對(duì)客戶端或web存儲(chǔ)的支持。其他HTML5功能還除開(kāi)允許Canvas可視化，在內(nèi)音頻和視頻widget。