美文网首页
微信小程序浏览器webview白屏问题

微信小程序浏览器webview白屏问题

作者: 板栗炖牛肉 | 来源:发表于2022-06-02 16:06 被阅读0次

前言

  • 白屏问题很多种,这里只针对线上版本(网页端)更新后,微信小程序打开白屏问题
  • 白屏原因:微信浏览器缓存了html等文件,导致更新后无法加载


    image.png
  • 当前版本解决,只能在系统中,清空微信的缓存(不是所有缓存) 或者等几小时或者2天自动失效,可以试试推新版本(未测试)

解决方案(该解决方案,只能针对下一次版本更新)

  • 解决方案是服务器nginx解决。

  • 在服务器中,给入口html页面的访问添加响应头,如在nginx中配置 Cache-Control 为 no-store, no-cache。这样浏览器访问页面时,就不会缓存该页面。

  • 原理很简单,就是禁止html被缓存。

  • nginx代码

# 配置页面不缓存html和htm结尾的文件
location / {
   ...
    if ($request_filename ~* .*\.(?:htm|html)$) 
    {
      add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
    }
   ...
}

image.png

Ps

相关文章

  • 微信小程序浏览器webview白屏问题

    前言 白屏问题很多种,这里只针对线上版本(网页端)更新后,微信小程序打开白屏问题 白屏原因:微信浏览器缓存了htm...

  • 微信小程序与H5的区别

    1、运行环境的不同: H5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,是微信开...

  • 小程序原理初探

    微信小程序是介于Native和web app之间的产物。它依托浏览器(webview)展示,同时可以调用原生能力(...

  • 小程序原理

    微信小程序是介于Native和WebApp之间的产物,它依托浏览器WebView展示同时可以调用原生能力,比如获取...

  • 关于JSCore/WebView的几点笔记

    微信小程序基于JSCore+WebView开发,界面渲染和JS逻辑完全分离。小程序也是可以只基于WebView来实...

  • WKWebview 白屏

    WKWebview页面突然白屏问题 页面突然白屏可能是由于加载资源过大,内存不足,导致webview的进程被程序终...

  • 使用 quickjs 和 Vue.js 模仿微信小程序的双线程模

    微信小程序和网页最大的不同是小程序基于 WebView + JS引擎实现的双线程渲染架构,参考微信小程序的 渲染层...

  • Android WebView 白屏

    问题 Android WebView加载URL,最后显示白屏 原因 通过PC浏览器调试发现链接有Mixed Con...

  • 微信小程序webview问题集锦

    一,为什么要用webview 公司目前要做出行业务,第一个入口确定为微信小程序。 作为老鸟,不得不多问一嘴,后面可...

  • 小程序资源

    小程序webview踩坑小程序图片转二进制微信基础库对应关系

网友评论

      本文标题:微信小程序浏览器webview白屏问题

      本文链接:https://www.haomeiwen.com/subject/xfpqmrtx.html