Prevent cache in CloudFlare
I just had to do this and it seems CloudFlare has updated their page rules. You can now create a page rule for a specific URL (and even use wildcards) then choose Cache Level > Bypass for the setting.
cloudflare has a Development mode
option that:
- Changes to cacheable content (like images, CSS, or JavaScript) will be visible immediately.
- CloudFlare's accelerated cache will be disabled.
- Development mode will automatically toggle off after 3 hours.
- If changes to your site are not immediate, press shift-reload.
You will also be able to turn off the Development mode
at any time during the 3 hours.
Hope this helps with people looking for the same answer to this question or if you still have this issue.
This is very old question. To disable this we don't have to turn on development mode because cloudfare caches the CSS and JS. If you want to disable only the particular JS or CSS simply put following attribute to the link or script tag.
<script data-cfasync="false" src="/javascript.js"></script>