☰

CSSreloader

That allows you to reload all the CSS files of any site or local HTML file without you have to reload the page itself. Just press F8.

  1. // ==UserScript==
  2. // @name         CSSreloader
  3. // @namespace    DuKaT
  4. // @version      0.8
  5. // @description  That allows you to reload all the CSS files of any site or local HTML file without you have to reload the page itself. Just press F8.
  6. // @author       DuKaT
  7. // @match        file:///*
  8. // @match        http://*/*
  9. // @match        https://*/*
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (function () {
  14. 	'use strict';
  15.  
  16. 	const eventCode = 'F8';
  17. 	// @see https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
  18. 	const keyCode = 119; // F8
  19.  
  20. 	function reload() {
  21. 		const hrefSuffix = 'cssreloader=' + Date.now();
  22.  
  23. 		document.querySelectorAll('link[rel="stylesheet"][href]').forEach((linkEl) => {
  24. 			const href = linkEl.href.replace(/[?&]cssreloader=\d+$/, '');
  25. 			linkEl.href = href + (href.indexOf('?') === -1 ? '?' : '&') + hrefSuffix;
  26. 		});
  27.     }
  28.  
  29. 	document.addEventListener('keyup', (evt) => {
  30. 		if (evt.code !== undefined) {
  31. 			if (evt.code === eventCode) {
  32. 				reload();
  33. 			}
  34. 		} else if (evt.keyCode === keyCode) {
  35. 			reload();
  36.         }
  37. 	});
  38.  
  39. })();