Prevent Browser Caching

外掛說明

Are you a frontend developer? Do you want to clear browser cache for all users? Just activate this plugin and show your work!

Prevent Browser Caching allows you to update the assets version of all CSS and JS files automatically or manually in one click.

Now you can show the latest changes on the site without asking the client to clear the cache.

How it works?

Usually, WordPress loads assets using query param “ver” in the URL (e.g., style.css?ver=4.9.6). It allows browsers to cache these files until the parameter will not be updated.

To prevent caching of CSS and JS files, this plugin adds a unique number (e.g., 1526905286) to the “ver” parameter (e.g., style.css?ver=4.9.6.1526905286) for all links, loaded using wp_enqueue_style and wp_enqueue_script functions.

For developers

By default, this plugin updates all assets files every time a user loads a page and adds options in the admin panel (Settings -> Prevent Browser Caching) which allows you to configure updating of these files.

But you can also set the version of CSS and JS files programmatically.

Just insert this code in functions.php file of your theme and change the value of assets_version when you need to update assets:

prevent_browser_caching( array( 
    'assets_version' => '123' 
) );

螢幕擷圖

安裝方式

From WordPress dashboard

  1. Visit “Plugins > Add New”.
  2. Search for “Prevent Browser Caching”.
  3. Install and activate Prevent Browser Caching plugin.

From WordPress.org site

  1. Download Prevent Browser Caching plugin.
  2. Upload the “prevent-browser-caching” directory to your “/wp-content/plugins/” directory.
  3. Activate Prevent Browser Caching on your Plugins page.

使用者評論

2020 年 5 月 4 日
Thank you for this very helpful plugin. It works as expected and I use it on all of our development sites.
2020 年 2 月 13 日
I'm glad I have found something like this, its not 100% what I was looking for since I would have preferred the query string to automatically update everytime a file has actually been changed. Hopefully we can see this in the future. It's a shame plugins like this have to exist, it should be part of WP core. Since its not though, I am very grateful for this plugin. EDIT: The Manual button does not seem to work if I disable automatic mode. -1 Star. EDIT: The Manuel button has been fixed. +1 Star.
2019 年 8 月 21 日
FINALLY the mobile browsers are refreshing! This was driving me up the wall. I couldn't even debug my own designs in my mobile apps because of that pernicious caching. This plugin does the trick. I'm using Astra and Elementor, if that info is helpful to anyone. (Also, I tried Rebusted, but that had no effect.)
2019 年 7 月 10 日
Excellent Plugin. Made some changes to my site footer that returning visitors were not able to see. I tried everything possible, including clearing all caches. I even disabled Cloudflare and deleted WP Rocket to no avail. A second after activating this plugin, the issue got resolved and all visitors to the site were able to see the changes made.
2019 年 2 月 25 日
This plugin is a lifesaver! I have problems with overriding caching on my sites and literally no other solution worked except for this plugin. Thanks.
閱讀全部 12 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Prevent Browser Caching〉的開發相關工作。

將 Prevent Browser Caching 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

2.3.2

  • Fixed “Update CSS/JS” button in the admin bar.

2.3.1

  • Tested the plugin in WordPress 5.1.

2.3

  • Tested the plugin in WordPress 5.0-beta1 and optimized the code.

2.2

  • Added function “prevent_browser_caching” which disables all admin settings of this plugin and allows to set the new settings.
  • Changing “ver” param instead of adding additional “time” param.

2.1

  • Added option to show “Update CSS/JS” button on the toolbar.

2.0

  • Added setting page to the admin panel.
  • Added automatically updating CSS and JS files every period for individual user
  • Added manually updating CSS and JS files for all site visitors

1.1

  • Added plugin text domain.

1.0

  • First version of Prevent Browser Caching plugin.