I have a lot of hidden fields on my web page and it contains information to it, which i use some manipulation on latter stage.
But these hidden field are directly access to the user and it can be modified by inspect element from browser.

can i make a hidden field read only. if not then how to prevent it?

Any better option to store data on web page for manipulation. By store in global variable. Can also global variable editable by browser console or not.