How to hide JS files publicly from the browser?

Deshmukh, Vijit 516

Hi Team,

We have deployed UI application to the azure app service source code is in VUE js application.

we want to hide JS files publicly from the browser tab please let us know how we can do that.

Technology 0 Reputation points

2024-08-01T01:48:20.44+00:00

YES YOU CAN HIDE JS FILES PUBLICALLY IN BROWSER. There is only one company that provides this technology to make it completely invisible anywhere in browser.
Technology 0 Reputation points

2024-08-01T14:46:44.4433333+00:00

Let me know if anyone here want to test our latest technology that hide JS files from inspect, dev tools and everywhere

Accepted answer

ajkuma 26,721 Reputation points Microsoft Employee

2023-12-15T18:11:31.43+00:00

@Deshmukh, Vijit ,

You won't be able to hide the JS files from the developer tools for those that can access the page/Webapp. If your goal is to prevent someone from opening the dev tools or clicking view source if they have access to the app, that won't be possible, as Lex Li also highlighted.
The best you can typically do is to minify the code and not ship source maps to make it harder to read.

Alternatively, to ensure that only authenticated users can access your JS files, you might consider employing a web server that exclusively delivers these files to authenticated users. This is in contrast to just using Azure Blob + CDN as is typical for the hosted JS of web applications.

If the answer helped (pointed, you in the right direction) > please click Accept Answer
Please sign in to rate this answer.

1 person found this answer helpful.

0 comments No comments
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

1 additional answer

Lex Li (Microsoft) 5,662 Reputation points Microsoft Employee

2023-12-06T11:28:08.1466667+00:00

HTML, JavaScript and CSS files are public and visible in browsers for decades, and there is no way to hide. You might obfuscate and minimize them to raise the bar though.
Please sign in to rate this answer.
ajkuma 26,721 Reputation points Microsoft Employee

2023-12-08T12:46:28.5166667+00:00

@Deshmukh, Vijit , Just checking in to see if you had got a chance to see the previous response by Lex Li.

If your requirement fits, you may leverage Azure App Service's built-in "Authentication / Authorization". This feature allows you to restrict access to your web application based on user roles and permissions', so only users with the specified roles and permissions will be able to access your web application and its resources, including JS files : scenario-secure-app-authentication-app-service

Deshmukh, Vijit 516 Reputation points

2023-12-11T12:19:49+00:00

Hi,

We have configured the app service behind the Azure front door and it is accessed by number of users.

So even after the scenrio-secure-app-authentication do still users can access the JS files from browser

ajkuma 26,721 Reputation points Microsoft Employee

2023-12-11T16:25:59.1966667+00:00

With authentication users can still access the JS files, the idea is to allow only intended users/restrict access to your web application based on user roles and permissions.

Deshmukh, Vijit 516 Reputation points

2023-12-14T05:32:03.4566667+00:00

Is there a way where I can hide the files by integrating the azure storage in between.

ajkuma 26,721 Reputation points Microsoft Employee

2023-12-15T18:16:56.24+00:00

@Deshmukh, Vijit , I have summarized and added (converted) an answer below. If the answer helped (pointed, you in the right direction) > please click Accept Answer. Much appreciate your feedback.
Sign in to comment

Use comments to ask for clarification, additional information, or improvements to the question.

Share via

How to hide JS files publicly from the browser?

1 additional answer

Your answer