When you open this project from any of your browsers, it will automatically detect your browser. Earlier I shared a project that can detect your operating system.
This Browser Detection design is made in a very simple way. Only one text is used here which will show the name of your browser.
You can watch the demo below to know how it works. Here I will get the required live preview and source code.
See the Pen
Untitled by Shantanu Jana (@shantanu-jana)
Although many smaller browser names are not added here. You can easily add the names of those browsers here. I have shown below step-by-step how to do it.
There are two options for creating this project. Below I have given all the codes that you can copy and add to your file. Or you can download the source code using the download button below.
Basic structure of detecting user browser
Design it with CSS
Now I have designed it with CSS. First I did some basic design on the webpage and added a background color. Then I designed the box.