微信浏览器无法使用reload()刷新页面 gif图兼容性

最新推荐文章于 2021-11-02 22:43:12 发布
最新推荐文章于 2021-11-02 22:43:12 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： 微信
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yy493004893/article/details/78043635
本文介绍了在安卓微信浏览器中遇到的页面刷新不更新数据的问题及其解决方案，并分享了关于GIF图片显示兼容性的技巧。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

场景1
 是这样子的，页面有一个ajax请求，在页面上有一个按钮，点击的时候执行window.location.reload()，正常情况reload()后页面依然会向后台发出请求，但在安卓的微信浏览器中reoad后请求的一直是第一次打开页面时请求的数据。没有刷新页面。
解决办法
使用window.location.href=window.location.href+随机数 代替 window.location.reload()。

window.location.href=window.location.href+"?id="+10000*Math.random();

也可以用时间戳代替随机数

window.location.href+"?id="+Date.parse(new Date());
场景2
gif 图片设为背景图在安卓上没有动态效果，苹果可以，
解决办法
只能将gif 图以img标签的形式插入 达到兼容安卓、苹果
使用A-Frame从零开始做一个 Web 3D 互动游戏
PlayerYK的专栏
05-02 601
不用学习新的语言，只有前端现有的知识就可以做AR了。而且是在我们熟悉的Web环境中，不用APP就可以做到。1. 什么是A-Frame这个框架的命名跟移动4G的“和”有得一拼，结果都是完美错过所有关键词。A 会被浏览器忽略 - 是连词符，frame又有太多歧义。如果打出来 aframe 还会被浏览器“智能”拆分成 a frame 变成“一个框架”。这就导致查资料不容易，沙里淘金的感觉，不过也可能是本...
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
下拉刷新 gif lib
08-19
下拉刷新 gif lib 见http://blog.csdn.net/richiezhu/article/details/46854247
在微信浏览器中 location.reload() 不刷新解决方案(直接调用方法)
小结巴巴的博客
09-26 4840
1、问题 　　在微信浏览器中，需要时刷新当前页面。 　　正常情况下我们直接使用 location.reload 方法来刷新。   2、解决方法 function realod(){ var {search,href} = window.location; href = href.replace(/&?t_reload=(\d+)/g,'') win...
安卓微信内，window.location.reload()不刷新问题
beyond__devil的博客
10-20 6219
都开发微信好久了，一直没发现这个问题！也没注意！可能是有些安卓手机会有这个问题！ 在页面上，js使用 window.location.reload()，刷新无效！！！ 解决方法： 使用window.location.href = window.location.href + 时间戳(随机hash等)，使用页面跳转来搞定！但考虑到页面本身可能携带参数等，需判断 ? | & 的问题
安卓微信浏览器location.reload()刷新无效
ajaxoo的专栏
03-01 706
转载自：https://segmentfault.com/a/1190000006753455 场景： 页面上有一个按钮，点击的时候执行window.location.reload()，正常情况reload()后会向后台发出请求，但在安卓的微信浏览器中reload后，通过fiddler抓包发现，并没有发送请求。应该是微信缓存的问题。 解决方法： 最常用的方法，更新时间戳：window.lo...
解决微信浏览器无法使用window.location.reload()刷新页面
weixin_30307921的博客
10-21 413
解决微信浏览器无法使用window.location.reload()刷新页面 转载2016-06-18 16:06:48 解决方法: 使用window.location.href=window.location.href+随机数 代替window.location.reload()。 function reload(){ window.location.href=wind...
这是我的 nginx配置 可以帮我看下是否有问题 , 并且上方回答的代码 安卓重试3次之后 还是加载字体失败 user www www; worker_processes auto; error_log /www/wwwlogs/nginx_error.log crit; pid /www/server/nginx/logs/nginx.pid; worker_rlimit_nofile 100000; stream { log_format tcp_format '$time_local|$remote_addr|$protocol|$status|$bytes_sent|$bytes_received|$session_time|$upstream_addr|$upstream_bytes_sent|$upstream_bytes_received|$upstream_connect_time'; access_log /www/wwwlogs/tcp-access.log tcp_format; error_log /www/wwwlogs/tcp-error.log; include /www/server/panel/vhost/nginx/tcp/*.conf; } events { use epoll; worker_connections 51200; multi_accept on; } http { include mime.types; types { font/truetype ttf; font/opentype otf; font/woff woff; font/woff2 woff2; } #include luawaf.conf; include proxy.conf; default_type application/octet-stream; server_names_hash_bucket_size 512; client_header_buffer_size 32k; large_client_header_buffers 4 32k; client_max_body_size 300m; sendfile on; tcp_nopush on; keepalive_timeout 60; tcp_nodelay on; fastcgi_connect_timeout 3000; fastcgi_send_timeout 3000; fastcgi_read_timeout 3000; fastcgi_buffer_size 64k; fastcgi_buffers 4 64k; fastcgi_busy_buffers_size 128k; fastcgi_temp_file_write_size 256k; fastcgi_intercept_errors on; gzip on; gzip_min_length 1k; gzip_buffers 4 16k; gzip_http_version 1.1; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript text/javascript text/css application/xml; gzip_vary on; gzip_proxied expired no-cache no-store private auth; gzip_disable "MSIE [1-6]\."; limit_conn_zone $binary_remote_addr zone=perip:10m; limit_conn_zone $server_name zone=perserver:10m; server_tokens off; access_log off; server { listen 888; server_name phpmyadmin; index index.html index.htm index.php; root /www/server/phpmyadmin; location ~ /tmp/ { return 403; } #error_page 404 /404.html; include enable-php.conf; location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d; } location ~* \.(ttf|otf|woff2?)$ { alias /www/wwwroot/yinzhang.jinshelby.com/public/xcx/font/; types {} default_type font/truetype; # CORS配置（已包含您想添加的内容） add_header Access-Control-Allow-Origin * always; # 改为*确保兼容性 add_header Access-Control-Allow-Methods 'GET, OPTIONS' always; add_header Access-Control-Allow-Headers 'Origin,Accept,Range' always; add_header Access-Control-Expose-Headers 'Content-Length' always; add_header Access-Control-Max-Age 86400 always; add_header Vary Origin always; if ($request_method = 'OPTIONS') { return 204; } expires max; access_log off; etag on; } location ~ .*\.(js|css)?$ { expires 12h; } location ~ /\. { deny all; } access_log /www/wwwlogs/access.log; } include /www/server/panel/vhost/nginx/*.conf; }
最新发布
07-05
如果安卓设备上字体加载仍然失败，可能是微信小程序安卓端的兼容性问题。我们可以尝试在代码中增加更多的调试信息，并考虑使用base64嵌入字体（但会增加代码体积）作为备选方案。 由于用户已经重试3次，我们可以...
移动端 H5 开发指南 涉及html、css、js三大方向
愿你走过半生，归来任是少年。
04-17 780
与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准和未知特性多得难以快速掌握。但本文记录的「40条坑位」绝对能让同学们少走很多弯路，特别是前端小白。
Flask备忘录
weixin_51334923的博客
11-02 1999
此文仅仅作为学习本人Flask途中的学习笔记以及备忘录！！！！！ 代码格式粘贴复制可能格式出错emm，自己知道就好了！！ 无图，慢慢看！！挺枯燥的学习笔记，做个网络备份！！！ 目录 一.服务架构： 二.Flask是什么？ 01. 微框架 02. 特点 03. 组成 04.常用库： 三.Flask环境搭建： 01.Windows虚拟环境直接上： 02.Conda环境： 03.Linux环境： 四.Flask工程实践： 01.万物之源Hello World： 02.请求处理：
loading加载gif动画素材（更新）
12-24
loading加载gif动画素材（共76个）
微信浏览器reload()无法刷新页面
walle的博客
07-29 2002
//微信浏览器reload()无效，可以用这个函数 function refresh() { var timestamp = new Date().getTime(); var url = decodeURI(window.location.href); if (url.indexOf('?') < 0) { ...
iOS用Sketch制作APP下拉刷新的GIF动画
Bob的专栏
04-27 5234
一、用Sketch结合MJRefresh来自定义刷新动画 今天分享一下iOS关于自定义下拉刷新动画的实现。我们平时看到很多APP的下拉刷新都是菊花在转的样式，因为很多APP都是用 MJRefresh 默认下拉刷新来实现的。但是，我们也会看到不少APP的下拉刷新很有特色，像 美团、分期乐、喵播 等等。 他们的刷新样式同样是用 MJRefresh 来实现的， MJRefresh 有一个类
利用MJRefresh 完成下拉出gif动画刷新
zhanglizhi111的博客
08-01 1249
转自:http://www.tuicool.com/articles/v2Qni2 MJRefresh 是一个用法简单的下拉刷新框架，所以用它来完成gif动画的刷新也是很简单。 先看下需要用到的属性 @property (nonatomic,strong) NSArray *datasArray; @property (nonatomic,strong) UITableV
android gif 下拉刷新,下拉刷新数据gif动画下拉框
weixin_42666807的博客
05-27 341
@property (nonatomic, strong) NSMutableArray *normalImages;@property (nonatomic, strong) NSMutableArray *refreshImages;方式一、将gif图片解析成图片数组// NSMutableArray *gifImages=[NSMutableArray array];// NSS...
关于 苹果手机 微信浏览器里点击返回不加载方法的问题
Jack_zengzhen的博客
01-17 6230
前几天，新增一需求，发现在苹果微信浏览器里会有一个bug。  就是用户苹果点击返回时，不加载 onload 的方法，导致使用缓存的数据，而缓存的数据中有个数据字段不会变，所以bug出现。 body class="my_body" onload="loaded()" id="body"> 我找了一些方法解决了问题。 在此记录下。 方案一：通过onload方式 页面中写一个隐藏的
自动刷新界面方法,兼容问题
系咩的个人收藏博客
11-13 474
window.location.href=window.location.href; 此方法兼容火狐;  location.reload()   此方法IE会出现部分问题但是能实现,不兼容火狐
实现浏览器与编辑器实时刷新的LiveReload插件使用指南
资源摘要信息:"LiveReload 是一款在网页开发过程中，用于实现编辑器与浏览器之间同步刷新的实用工具。该工具能够帮助开发者节省时间，提高工作效率，因为它可以实时地将编辑器中的更改反映到浏览器中。通过 Live...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值