Webflow's 10,000 Javascript Character Limit [bypassed]

Webflow I love you.

You make web development fun again, but...

😡 Your 10k character limit for Custom Javascript Code is killing me!

Here's the quick and easy way to get past it 🤩

Step 1:

I create a string of characters 20,000 long. I know, I know, it's a 10k limit. But I really wanted to test this! 😅

Step 2:

I create a Javascript file and added those 20k characters to a constant. Then added a simple JS alert popup after it.

Then I hosted it on Github:

Step 3:

Went over to JS Deliver Doc's and looked up the URL I should use.

I love JS Deliver. This is what the URL looks like for me:

https://cdn.jsdelivr.net/gh/NoCodeQuest/webflow-10k-limit-bypassed/hello-20k.js

Step 4:

Bundled up the JS Deliver URL into a Javascript tag:

<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/NoCodeQuest/webflow-10k-limit-bypassed/hello-20k.js"></script>

Step 5:

Added that JS tag to my Webflow page. I like to put these before the tag so the rest of the site loads first:

If I just copy & pasted the raw Javascript source from my Github (and it's is well over 10k characters), this is what you get:

Step 6:

Published my Webflow project, opened the live site:

💥 Boom!

Worked soooooo good 😅

Here’s the Webflow project share link if it helps.

Here's the Github Repo.

There's a bunch more you could do to make development, better. But this is a great start!