How to create a "does not support safari" on my website?

Question

I am doing a project for my school and realized that safari visualizes buttons and so on differently, so I decided not to include safari.

Does anyone know how I make make an alert that shows that the website is not optimized for safari? (once it notices it is on safari)

Thank you!

Answer 1

You can use the is library to check the browser type http://is.js.org/#safari

 if (is.safari()) { alert("This site does not work on safari"); } else { console.log("Not safari"); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/is_js/0.9.0/is.min.js"></script>