# How the alert dialog looks in various browsers!

**URL:** https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035
**Category:** random
**Created:** [July 12, 2019, 4:58am UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035 "2019-07-12T04:58:10Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 12, 2019, 4:58am UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/1 "2019-07-12T04:58:10Z")

</div>

As part of updating some screenshots for the second edition of my JavaScript book, I was trying to capture a screenshot of the browser alert dialogs. What I saw in Chrome looked a bit odd, so I decided to see what these dialogs look like across other browsers. For kicks, I figured I would share my findings with all of you.

Here is Safari:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/e/ea149ac10c82d950f8e142145075afeec635305b.jpeg)

Chrome:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/1/106031e7a0be4eb895ed235955bc4f3eb7468945.jpeg)

Edge:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/5/5fab4e862eab2853428ebd10052467b6de91da55.jpeg)

Firefox:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/5/5019dd2445a9407b2e54647480daafc2f4127ec4.jpeg)

Vivaldi:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/8/875fa577f3bd3f79ac9766709396d1a869a112c3.jpeg)

Brave:

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/0/06c7c580575dc83f6528c81a626c58a1367fc4e9.jpeg)

Of all these, the Safari one easily looks the best for me. The Chromium-based browsers (Edge, Brave, Vivaldi) unsurprisingly look similar. If somebody wants to expand upon this with screenshots from Internet Explorer, Edge on Windows, mobile browsers, etc., feel free to add on to this list 🙂

Cheers,  
Kirupa

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 12, 2019, 4:31pm UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/3 "2019-07-12T16:31:10Z")

</div>

![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/2/2580d4323d2f50ca01001639b846076163914862.png)

Internet Explorer

---

<div class="post-metadata">

### Author: ![senocular](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/senocular/32/7217_2.png) [@senocular](https://forum.kirupa.com/u/senocular)
#### Post date: [July 12, 2019, 8:02pm UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/4 "2019-07-12T20:02:00Z")

</div>

One thing to note about IE (and I don’t think this is the case anymore with other browsers) is that it is using an OS-level window for its alert box that can be moved around independently of the browser window.

---

<div class="post-metadata">

### Author: ![REB\_412](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/reb_412/32/9233_2.png) [@REB\_412](https://forum.kirupa.com/u/REB_412)
#### Post date: [July 12, 2019, 11:31pm UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/5 "2019-07-12T23:31:00Z")

</div>

![Opera_alert](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/7/7cfba2c2872d1c193ad0618796fb688f46760639.png)

---

<div class="post-metadata">

### Author: ![REB\_412](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/reb_412/32/9233_2.png) [@REB\_412](https://forum.kirupa.com/u/REB_412)
#### Post date: [July 12, 2019, 11:33pm UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/6 "2019-07-12T23:33:31Z")

</div>

I get the same view that you’ve gotten on Chrome on Windows 10 except for the color since I use a white screen. Firefox and Firefox Developer’s edition show the same for me on Windows. The Opera screen shot is also on Windows.

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 13, 2019, 2:29am UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/7 "2019-07-13T02:29:46Z")

</div>

Thanks @senocular and @REB_412 😛

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [July 13, 2019, 2:46am UTC](https://forum.kirupa.com/t/how-the-alert-dialog-looks-in-various-browsers/640035/8 "2019-07-13T02:46:59Z")

</div>

Chrome on iOS (iPhone XS)

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/1/101d2509c8640ad64459355ea51ed5986dd98fb6.jpeg)

Safari on iOS (iPhone XS)

 ![image](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/0/0cab0afab9fc1074b678b629e434ea4f31dad569.jpeg)