Detect Safari browser in javascript

Question

I found this code snippet, which checks if Safari browser is used:

var isSafari = /constructor/i.test(window.HTMLElement);

but I don't really know what's going on here. Could someone explain me how it works? I know that constructor returns the function that created the RegExp object's prototype and i performs case-insensitive matching, but what exactly is HTMLElement?

Community · Accepted Answer · 2017-05-23 11:46:31Z

5

In safari, window.HTMLElement returns a function which is named HTMLElementConstructor.

So let do this:

/constructor/i.test(function HTMLElementConstructor() {}) // return true

But with other browsers (FF, Chrome), it returns HTMLElement

/constructor/i.test(function HTMLElement() {}) // return false

But thank you for this observation! I hope we can use it as well as the method mentionned here: Detect Safari browser

edited May 23, 2017 at 11:46

CommunityBot

11 silver badge

answered Mar 15, 2017 at 13:18

Radonirina Maminiaina

7,0144 gold badges36 silver badges63 bronze badges

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

1 Comment

aleclarson Over a year ago

This is no longer true with iOS 11 (possibly earlier?)

Collectives™ on Stack Overflow

Detect Safari browser in javascript

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related