Using Google Chrome, for Webflow

Advanced Chrome Dev

Overview
Using Chrome Efficiently
Google Chrome Hotkeys
101
Chrome's Bookmarks Bar
103
Searching Tabs
104
Chrome Profiles
105
Expanding Chrome
Chrome Browser Extensions
201
Chrome's Custom Search
7:46
204
Chrome DevTools
Chrome DevTools
401
Performance Testing
800
Advanced
Advanced Chrome Dev
900
No items found.
Published
Updated
November 7, 2022
in lightbox

Overcoming security safety constraints

Security is the enemy of usability.

The Internet has grown a lot, and with it, the need for security. However, to a developer, that security can be a serious barrier at times.

Fortunately, there are ways around it, in hidden settings and tools that will allow you to "open the hood" so you can work on the engine.

Obviously, this only affects you. It will not override the security settings of other people using your site. But during development, it can be a lifesaver...

Because... sometimes, the guards are the problem.

Including Insecure Sources

Lets say you're building your Webflow site, and running it on Webflow's servers.

But you're doing some script development, and that script happens to be on your local computer, using a local webserver.

You need to be able to view your website, but while it includes a local script, so that you can develop with your script acting on you staged site.

Your Webflow site is SSL secured, running on the https: protocol. Your locally-served script files... are not. They're on http:

This presents a problem.

But by default, Chrome will not allow you to include an insecure script in a secure site. Because... security.

In this situation, it's quite difficult to create and register legitimate SSL certificates that will allow Chrome to see your local site as secure.

Fortunately, there's an easier way.

And yes, this is weird.

When you get the error telling you that you cannot access this file, click anywhere on your webpage, and type these letters.

t h i s i s u n s a f e

This is a magic string of characters in Chrome, that will tell it to override its default security restrictions. Let me be clear... you will not be prompted. There is no visible setting. There is no box to type it into.

It's just... magic. Cool, eh?

Overriding CORS

For this, I find a browser extension works best.

CORS Unblock

FAQs

Answers to frequently asked questions.

Videos
No items found.
Table of Contents
Comments
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.