How to update CSS changes?

[wcooper003]

In working through my first custom app creation, I couldn't get my CSS changes to be applied. I tried the _bump and debug/refresh as described here to no avail:

http://docs.splunk.com/Documentation/Splunk/6.4.1/AdvancedDev/CustomizationOptions

Then I tried restarting Splunk, but that didn't work either. I found that after restarting Splunk (restarting just the web service works - /bin/splunk restart splunkweb), I additionally had to refresh the Chrome cache by pressing 'Ctrl-R'. Once I did that, it worked fine.

My concern is: if we make a change to the app, will all end users have to refresh their Chrome cache too in order to see the changes? I'm guessing the Chrome cache will clear out after some short period, so this may not be an issue. But is there a way to push this CSS update through Splunk so that it avoids this extra Chrome step during development or by end users?

[jdonn_splunk · Accepted solution]

Some CSS changes will require that you flush your browser cache - https://support.google.com/accounts/answer/32050?hl=en.

It depends on the type of changes that you are making, normally debug/refresh and _bump are enough,

[wcooper003]

Good to know some changes require a flush, i wondered why the debug/refresh and _bump weren't working at all. At least I know I wasn't doing something obviously wrong.

[pwesterbeek]

If you are using Chrome,then install also the extension Clear Cache 1.1.2 created by Benjamin Bojko. With one click on the icon in the taskbar you will clear your browser cache and reload the page (reload the page after clearing the cache is an option ).

[shaskell_splunk]

Here are some other helpful settings to add to web.conf if you're doing development. I wouldn't recommend these for a production search head though.

[settings]
minify_js = False
minify_css = False
js_no_cache = True
cacheEntriesLimit = 0
cacheBytesLimit = 0
enableWebDebug = True

[wcooper003]

Thanks that's helpful to know for developing.

[pwesterbeek]

If you are using Chrome,then install also the extension Clear Cache 1.1.2 created by Benjamin Bojko. With one click on the icon in the taskbar you will clear your browser cache and reload the page (reload the page after clearing the cache is an option ).

[sundareshr]

During development, if you reload the page with Developer Tools open in Chrome, always loads the latest version. I've never had this issue with end users, unless they have a session open.

[wcooper003]

Thanks for the feedback, good to know it shouldn't be an issue.