是否可以缓存具有指向动态JavaScript的链接的HTML页面


Can an HTML page be cached which has a link to dynamic JavaScript?

我可以让浏览器缓存myPage.html和myStaticJS.js,但不缓存myDynamicJS.php吗? 我已经测试了以下内容,myDynamicJS.php 绝对没有缓存在我的 FF 浏览器上(时间会发生变化),但查看我的 Apache 访问日志显示 myPage.html 和 myStaticJS.js 也没有被缓存。

我的页面.html

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>What time is it?</title>
        <script src="myDynamicJS.php"></script>
    </head>
    <body>
        <div>My static cached HTML</div>
        <div>The time is <span id="now"></span></div>
    </body>
    <script src="myStaticJS.js"></script>
</html>

myDynamicJS

.php
<?php
    header( 'Content-type: text/javascript' );
    date_default_timezone_set('UTC');
    echo('var now="'.date("Y-m-d H:i:s").'";');
?>

myStaticJS

.js
document.getElementById("now").innerHTML=now;

是的,你可以让它不缓存。通过 php 内部的缓存控制标头:

header("Cache-Control: no-cache, must-revalidate"); //HTTP 1.1
header("Pragma: no-cache"); //HTTP 1.0
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT"); // Date in the past

或者通过向 url 添加动态控制的参数,以便脚本 url 不同(可能不是最好的主意,因为浏览器缓存会尝试缓存每个版本......但是当你不能让它成为PHP或控制头时,它可能很有用):

<script src="myNotCachableJS.js?s=<?php echo rand(1000,100000); ?>"></script>

Php 永远不会缓存,因为它是在服务器端运行的。缓存的最佳方法(或者更确切地说,告诉浏览器缓存)是通过.htaccess(如果您有权访问,则http.conf):

<IfModule mod_expires.c>
    ExpiresActive on
    ExpiresByType text/html               "access plus 1 month"
    ExpiresByType application/javascript  "access plus 1 month"
</IfModule>

您可以将其更改为"访问权限加 1 年"或您喜欢的任何时间范围。

希望这能让你开始。

您可以使用

FilesMatch 指令仅将缓存头添加到以您选择的扩展名结尾的文件:

<FilesMatch "'.(html|js)$">
    ExpiresActive On
    ExpiresDefault "access plus 1 month"
</FilesMatch>

从理论上讲,这应该排除您的动态JS,因为它将具有PHP扩展名,但包括其他两个文件。