title: Make localStorage Data read-Only
body: <p>I am working on AngularJs application .</p>
  
  <p>I store data in localStorage as </p>
  
  <pre><code>localStorageService.set("selectedUserCategory",'Circle');
  </code></pre>
  
  <p>Now When I see Browser's localStorage data </p>
  
  <p>-- Application<br>
    ---- LocalStorage</p>
  
  <p>I find my <code>key-value</code> as</p>
  
  <p><strong>selectedUserCategory : 'Circle'</strong></p>
  
  <p>But this data is <strong>editable</strong> . i.e     </p>
  
  <p>If I edit data from <code>Circle</code> to <code>Ci</code> through browser itself it gets saved as <code>Ci</code>, and this might prove harmful because anyone can change data from there .<br>
  So I thought of making it <strong>read-only</strong> . Is there any way of doing it ?</p>
  
  <p>Also is there any way to secure my localStorage data ?<br>
  Since the data is easily readable should I encrypt it and then save ??</p>