What Is dev mode?
Cloudflare’s dev mode (development mode) allows you to see changes to your cacheable content (images, JavaScript, CSS) immediately, instead of seeing the cached versions.
If you don’t disable the development mode manually – it will stay enabled for 3 hours once you turn it on.
You should enable Cloudflare dev mode when you are testing changes to your website or trying to determine where an error is coming from.
Enable dev mode
Login
To put Cloudflare on development mode, log in to the Cloudflare dashboard:
Domain
Click your domain name on the main page (if you have many domains connected, make sure you click the right one for the site you’re working on).
Caching
Click Caching at the top menu bar:
Configuration
Click Configuration in the sub-menu:
Development mode
Scroll down until you see the Development Mode option, and turn it on by clicking the slider on the right:
That’s it! Now you’ll see changes to images, CSS, and JavaScript on your website instantly, instead of them being cached.
When you’re done using dev mode, you can log back into your Cloudflare account and turn it off. Dev Mode will automatically disable on its own after 3 hours.
