h5頁面的快取問題

2022-06-24 20:09:12 字數 541 閱讀 9984

最近遇到乙個靈異事件

js上線前會build帶上hash,hash方式採用 aaa-1s12jashdjas.js 方式

1、開始排查流程,前端修改了不規範的**格式,再次上線仍可復現

2、疑似nginx有快取html檔案,找運維排查,nginx沒有快取該html頁面

3、又排查nginx配置問題,再次上線部署,仍可復現

4、疑似cdn的問題,遂重新整理cdn,仍然有問題

5、懷疑cdn重新整理不成功,遂去掉該頁面的cdn快取,當然還是有問題

問題還在排查中,待更新

-----8月27日更新---------

最後經過排查,是nginx配置問題

nginx配置下快取原理:

nginx配置 http header 中加上 no-cache, no-store 後,新修改的js問題不會被客戶端快取到本地

此項排查工作其實可以從http 的header中觀察中

h5頁面的寫法 移動端h5頁面寫法

1.頁面寬度320,所有元素尺寸設一半 缺點 不自能適應全屏 2.頁面寬度640,元素尺寸正常 暫未發現問題 3.頁面寬度640,js控制自適應全屏 adaptuilayout.adapt initviewportwidth 缺點 qq空間分享後點開頁面套在qq預設瀏覽器裡有相容性問題 4.rem寫...

對h5頁面的測試方式

1頁面鏈結檢查每乙個鏈結是否都有對應的頁面,並且頁面之間切換正確 2相關性檢查刪除 增加一項會不會對其他項產生影響,如果產生影響,這些影響是否都正確。3檢查按鈕的功能是否正確如update,cancel,delete,s e等功能是否正確。4字串長度檢查輸入超出需求所說明的字串長度的內容,看系統是否...

Flexible實現H5頁面的rem布局適配

1 使用flexible實現手淘h5頁面的終端適配 2 flexible實現手淘h5頁面的rem布局適配 3 vue移動端flexible.js結合muse ui使用的小坑 4 的flexible適配方案為什麼只對ios進行dpr判斷,對於android始終認為其dpr為1 6 rem 及由此引申出...