Webflow sync, pageviews & more.
NEW

How can I find the versions of third-party libraries used by Webflow in its generated JS code?

TL;DR
  • Publish your Webflow site and inspect the page source to locate linked JavaScript files like webflow.js and jquery.min.js.
  • Open these files in a code editor or beautifier to check for version info in comments or use DevTools to examine loaded scripts and run commands like jQuery.fn.jquery to identify versions.

To identify the versions of third-party libraries used by Webflow in the JavaScript it generates, you’ll need to investigate the code Webflow outputs on publish. Here’s a step-by-step approach:

1. Publish and Inspect the Webpage

  • Publish your site from the Webflow Designer using the upper-right Publish button.
  • Open the published site in a browser.
  • Right-click and select "View Page Source" or press Ctrl+U to open the source code.

2. Find Linked JavaScript Files

  • Look for linked Webflow scripts, typically named like this:
  • webflow.js
  • jquery.min.js (Webflow includes jQuery by default unless you disable it)
  • Copy the URL of these scripts to open or download them for further inspection.

3. Analyze Script Content

  • Open the files in a code editor or an online formatter like beautifier.io to make them readable.
  • Common third-party libraries found in Webflow exported projects include:
  • jQuery (default)
  • Webflow's own JS framework (built on jQuery)
  • Occasionally GSAP, Swiper, or Lottie may be used if custom elements or integrations are added manually.
  • Look at the header comments in the JS files, which often mention library names and version numbers (e.g., /*! jQuery v3.5.1 | (c) jQuery Foundation */).

4. Check for Loaded Libraries in DevTools

  • In Chrome, open DevTools (F12 or Cmd+Option+I).
  • Go to the Sources or Network tab and filter by JS.
  • Check the names and contents of JavaScript files loaded by the browser.
  • Use the Console tab to type commands like jQuery.fn.jquery to retrieve the current jQuery version loaded on the page.

5. Search for Source Maps or Metadata (if any)

  • Some JS files may include references to source maps (e.g., .map files).
  • These maps can sometimes reveal unminified code or library version info.
  • If present, open the URL of the map file to inspect metadata.

Summary

To find third-party library versions used by Webflow, publish your site, inspect the loaded scripts (especially webflow.js and jquery.min.js), and look for version comments or use DevTools to query version strings directly in the console.

Rate this answer

Other Webflow Questions