How to see an app’s jQuery version in browser console (Chrome)

Recently, I was working through a dependency conflict in an Ember app. I needed to verify which version of jQuery was in use by the app to see if it matched what I expected it to be using.

Complicating things was the fact that the Ember app in question uses a proprietary UI element library (like Bootstrap, but specific to the company developing the app) that has its own version of jQuery.

In your browser’s console (I did this on Chrome), use this to see the page’s jQuery version:

jQuery.fn.jquery
"1.8.2"

And use this to see the version of jQuery in use by your app’s version of Ember:

Ember.$.fn.jquery
"2.1.4"

Why are the versions different?

As far as I can tell, it’s because in my case the “vanilla” jQuery was coming from the UI library, and the Ember version of jQuery was the one defined in my Ember app’s bower.json file.

There isn’t more to this story; it’s just a useful set of commands that might save someone else some digging.

One thought on “How to see an app’s jQuery version in browser console (Chrome)”

  1. Hi there,
    I am the definition of a newbie when it comes to JavaScript and everything in-between and around. :D
    I checked my jQuery version in Chrome’s Dev Tools and it says it’s “1.12.4”. Is that even possible since on their own website jQuery version is 3.something … Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.