Edit Js and Html Files Through Browser - Client Side
<p>I am trying to understand which files everybody can edit through the browser to understand what the risks of running some code in the client-side.<br>
For example I saw in one site(In Chrome):<br><br>
<br>
<a href="https://i.stack.imgur.com/AWIF3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/AWIF3.png" alt="enter image description here"></a></p>

<p><br>
The gray file is read only file and the yellow one can be edited.<br>
My questions are:<br><br>
1.What's the difference between the yellow and the gray? why the gray is read only?<br>
2. Is it still possible to edit the gray one in other ways? Maybe not through the browser? Whats the options to edit files in the client side?<br>
3.Which files can be edited and which not?(js,css,html,aspx... What's all the options)<br>
4.Is there a way to know if someone change the html or js files and look at the changes he did? save logs of the changes or something like that? <br></p>