remove prefixes of css file on load

Question

In my application, I load a CSS files in the back-end (using Express.JS) and load it in the frontend. However, before sending CSS code to the front-end application, I want to:

Detect the user's browser;
Edit the CSS code accordingly.

For example, if user A uses Chrome, remove all lines that start with -webkit-.

How can I detect the browser and edit the CSS code with the best performance?

Note: My CSS code is formatted as beautified and not minified.

Can you explain the reason of doing this? gziping your css files before sending to browser will be faster and more effective — Denis Sheremet
– Denis Sheremet, Commented Nov 21, 2016 at 7:11

Community · Accepted Answer · 2017-05-23 11:59:55Z

-1

We can detect User's browser by using user agents. Here is the URL to the answer regarding how to detect user agent.

Now, unless changing content of your CSS file, make 2 different files for different browser types and write some condition on your page CSS link tag accordingly.

edited May 23, 2017 at 11:59

CommunityBot

11 silver badge

answered Nov 20, 2016 at 14:44

Aman Jain

6675 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

thinkdiff Over a year ago

I can detect user browser agent but I want to edit the CSS code accordingly that I explained.

Aman Jain Over a year ago

You know one thing, editing CSS on the go will make a little delay in the response to the user. This is not recommended. Apart from that, the answer given by me is a suggestion and totally workable if you change the approach, so a negative vote is not justified.

Collectives™ on Stack Overflow

remove prefixes of css file on load

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related