Question

我正在使用netbeans IDE进行网页开发，并使用Firefox进行调试/测试。每当我对Javascript进行更改时，这些更改都不会反映在网页上，源代码会显示过时的代码。

每次我做出更改，我确保在打开浏览器之前重新启动我的nginx服务器，PHP似乎在这方面工作正常，但Javascript与我对代码的更改不同步。

请给我一个解决方案来解决这个问题。

Answer 1

问题是您的浏览器正在缓存您的文件，您可以清理浏览器缓存或将浏览器设置为停止缓存文件。

避免浏览器缓存的另一种方法是附加某些内容（时间戳或ID）， HTML 文件末尾带有'？'参考

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity">
    <item android:id="@+id/action_settings" android:title="@string/action_settings"
        android:orderInCategory="100" app:showAsAction="never" />
</menu>

只要您希望浏览器再次请求您的文件，只需更改此值即可。

Answer 2

为了避免文件的缓存，最好通过添加Cache-Control和max-age等适当的头来编程处理它。但是，这些标题对于IE，firefox等不同的浏览器是不同的。

最好的方法是通过添加randow查询参数来欺骗浏览器，以便浏览器相信这是不同的请求。

<script src='myScript.js?dummyParam=12001>

这里，每次更改后应使用时间戳或其他随机值生成不同的12001。

调试网页时未反映Javascript的变化

2 个答案: