火狐棄用http,轉而大力推廣https的動作一石激起千層浪,非常多沒有安裝安全證書的站點使用新版火狐瀏覽器已經打不開了。
之前我們站點僅僅有涉及須要加密的部分連接為https協議。眼下看來不得不將整個站點的連接均加裝https。原本執行正常的功能就這樣出現了問題。具體情況是,產品列表頁面使用ajax載入產品的時候不能再像從前那樣緩存之前載入好的數據了。造成這樣的情況的原因主要有兩點,第一點是在后台設置的過濾器強制每一個頁面不緩存內容。第二個原因便是由於整個站點都進行了安全加密,使得瀏覽器本身不會再進行頁面緩存。解決問題的方法是在須要緩存數據的頁面設置強制緩存,例如以下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
String path = request.getContextPath();
int nMinutes = 60 * 24 * 7;
Date d = new Date();
String modDate = d.toGMTString();
String expDate = null;
expDate = (new Date(d.getTime() + nMinutes * 60000)).toGMTString();
response.setHeader("Last-Modified", modDate);
response.setHeader("Expires", expDate);
response.setHeader("Pragma","public");
response.setHeader("Cache-Control","public");
%>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="<%=path%>/resources/weixin/css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=path%>/resources/weixin/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/weixin/js/progressbar.js"></script>
<script type="text/javascript" src="<%=path%>/resources/weixin/js/common.js"></script>
<script type="text/javascript" src="<%=path%>/resources/weixin/js/account.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/common.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#investpage").addClass("current");
if(isWeiXin()){
$("#page").val("1");
}
addMoreProducts();
});
</script>
<title>普惠理財-產品列表</title>
</head>
<body>
<header id="header">
<h3>產品列表</h3>
</header>
<div id="container">
<form id="centerForm" name="centerForm" method="post" action="">
<input type="hidden" id="page" name="page" value="1" />
</form>
<div id="proList" class="pro_list">
</div>
<div id="addTag " class="addTag">
<a href="javascript:void(0)" onclick="addMoreProducts()">
<span id="loading" class="icon"></span><span id="promtText">載入中...</span>
</a>
</div>
</div>
<footer id="footer">
<jsp:include page="../footer.jsp" />
</footer>
</body>
</html>
尤其要注意Cache-Control的值和Pragma的值均為”public“。
