How can I find the versions of third-party libraries used by Webflow in its generated JS code?
TL;DR
- Inspect the published site's source code and Developer Tools to identify third-party scripts and version clues in script URLs or headers.
- Use JavaScript console commands like
jQuery.fn.jqueryand check exported code files (if available) for version info in filenames or comments.
To identify the versions of third-party libraries used by Webflow in its generated JavaScript code, you need to inspect the published site or exported code, as Webflow does not provide this information directly in the Designer.
1. Inspect the Published Site
- Open the live or preview site in a browser.
- Right-click anywhere on the page and choose View Page Source or use Developer Tools (F12).
- Look for loaded scripts, usually found in
<script src="...">tags, with URLs pointing to Webflow CDN domains likehttps://assets.website-files.com.
2. Locate Third-Party Libraries
- Common third-party libraries Webflow uses include:
- jQuery – typically loaded as
webflow.jsdepends on it. - Modernizr – for feature detection.
- Look for clues in the script URLs or accompanying comments, such as
/jquery-3.5.1.min.js, which indicates jQuery version 3.5.1. - You may also see references to other tools like IX2 (Webflow Interactions), bundled within
webflow.js.
3. Use DevTools to Inspect Loaded Files
- Open Chrome DevTools (F12) and go to the Network tab.
- Filter by JS to see all JavaScript files.
- Click on files like
webflow.jsand check the Headers and Preview or Response tab. - You may see version numbers in comments at the top of the file or function names hinting at library versions.
4. Analyze Exported Code (For Pro Subscribers)
- If you have code export access, click Project Settings > Export Code.
- Download the ZIP package and open files like:
jquery.min.js(often found in thejsfolder).webflow.js— may include a header comment listing the build version.- Check comments in these files for version numbers or search for keywords like "version" inside the file content.
5. Use JavaScript Console
- In the browser DevTools Console tab, try running:
jQuery.fn.jqueryto get the jQuery version.Webflow.version(may return internal build string if accessible).- Note that not all libraries store version information globally, so this method may not work for every included script.
Summary
To find third-party library versions used by Webflow, inspect the published site’s script files, review headers in DevTools, or use JavaScript commands like jQuery.fn.jquery. If you have export access, downloaded files may explicitly reveal version numbers in file names or comments.