Reload external CSS

Reload external CSS tool
Reload external CSS tool

Purpose of "Reload External CSS" tool

This tool can be used to automatically reload all external CSS files that are added on the current page by using a <link/> tag.

Requirements to use this tool

To use this tool, a user should have "Toolkit For Web Developer" chrome extension installed on their web browser.

To download and install "Toolkit For Web Developer", please visit our download page: Download Toolkit For Web Developer

Supported document types

Document type Supported
main document yes
iframe elements no
shadow dom yes

Nested shadow elements are not supported by this tool.

This tool also does not support shadow root opened with the closed mode.

Steps to reload external CSS files

  • After visiting a specific page right click on it.
  • This will open context menu of "Toolkit For Web Developer" extension.
  • Click on "Open content tools" from context menu this will add a content tool window on a user's screen.
  • Select "Reload external CSS" tool from the left drawer menu.
  • After that, "Reload external CSS" tool will be shown on right side of the window.
  • Click on "Reload external CSS" button.
Other Posts