【技巧】通过safari开发 调试 iOS上H5如何强制刷新（忽略缓存）

已于 2022-09-08 14:15:28 修改
阅读量1.7k 收藏
点赞数
分类专栏： WKWebView HTML5 调试/Debug/Instruments 文章标签： safari 强制刷新 WKWebview
于 2022-09-06 11:47:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/allanGold/article/details/126719413
版权

操作步骤记录：

1、mac顶部工具栏上如果没有safari的开发选项，在safari偏好设置->高级->勾选在菜单栏中显示"开发"菜单

2、在debug模式下，webview加载H5，通过开发菜单找到你的手机，选中正在显示网页的url，会打开H5网页检查器

3、重中之重，选择网络选项卡，选择全部，按住键盘上shift按钮，左键点击网页检查器左上角的刷新按钮

allanGold
关注
专栏目录
记一次移动端H5开发所遇到的问题与细节,以及ios兼容
想飞的猪的博客
09-14 3892
第一次弄移动端H5项目开发，虽然是简单的页面展示，但也遇到了很多细节问题与兼容问题，尤其是h5视频标签video, 一.移动端禁止缩放 兼容 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"> 主要属性是user-sca...
微信h5页面返回时ios不刷新页面解决方案
沉迷学习 日渐消瘦
01-10 3636
在做微信h5页面的时候，我们需要返回时刷新前一个页面的数据，比如在页面A点击支付按钮跳转到页面B，从页面B返回时要获取当前订单的支付状态防止重复支付。 在安卓手机上不会有困扰，因为安卓手机在微信h5中返回都会刷新页面，而由于ios手机上的微信webView版本的问题，返回时会直接从缓存中拿而不会刷新页面。 解决这一问题想到了vue-router，vue-router不就是有路由钩子吗？它主要用的h...
安卓和ios移动端实现H5页面进行强制刷新
热门推荐
西门吹雪
11-21 1万+
安卓和ios移动端实现H5页面进行强制刷新 定义和用法 onpageshow 事件在用户浏览网页时触发。 onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发。 为了查看页面是直接从服务器上载入还是从缓存中读取，你可以使用 PageTransitionEvent 对象的 persisted 属性来判断。 如果页面从浏览器的缓存中读取该属性返回 ture，否则
关于H5强制刷新页面
深圳最菜前端
12-06 1370
今天开发H5，遇到一个问题，从跳转到内嵌到的，然后打开第三方链接，最后从第三方链接返回上一页的时候，遇到接口请求报错，都是空的，但是刷新当前页面却可以正常展示，但是定位不到问题，最后一把梭，直接强制判断是否是返回，然后强制刷新当前页面，就解决了
h5 app 实现页面刷新
weixin_43860807的博客
11-09 1948
前言：做app时候，使用的是h5写的，也没有使用任何的框架，但现在有个新的需求，实现下拉刷新页面，这时候，需要引入mui来实现这个功能。注：此文章是开发项目过程中使用总结的，方便日后再次使用。总结： 以上就是实现app下拉刷新的功能。
IOS浏览器返回刷新页面
weixin_30735745的博客
08-08 322
$(function () { var isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } }); window.addEventListener('pagehide', fu...
safari调试工具h5手机_iOS通过safari真机调试H5页面
weixin_28338005的博客
12-23 835
在app的有些模块里使用h5页面展示可以给移动开发者带来很大的方便, 但是一旦涉及到与本地交互的时候, 调试并不是很方便. 通过谷歌发现通过Safari 辅助功能，可以很好的发现定位问题.总结操作不走如下:1. 手机 ->设置->Safari ->高级->JavaScript 打开、Web检查器 打开2.通过xcode 连接手机 运行App3.在App中 进入到H5展示到...
H5页面在ios的浏览里返回不刷新页面，解决浏览器自带缓存的问题。
m0_63108819的博客
06-07 1797
H5页面在ios的浏览里返回不刷新页面，解决浏览器自带缓存的问题。
解决ios下h5锁屏时倒计时停止问题
10-15
在iOS平台上，H5应用面临一个独特的问题：当设备被锁定或进入后台模式时，JavaScript引擎将暂停执行，导致依赖JavaScript的实时功能，如倒计时、定时任务等，会停止工作。这个问题对于那些需要在后台持续运行的任务...
ios跳转页面回退不刷新问题&&解决方案
LYFlied的博客
06-17 2784
文章目录问题分析解决方案 问题 用react开发的H5项目在移动端中遇到了兼容性的问题： 在页面a，点击提交按钮后，按钮状态置灰，并跳转到页面b，再从b页面退回到a页面， 在Android手机中没有问题，a页面正常显示。 在IOS手机中，a页面的提交按钮仍然是置灰状态，不可点击。 分析 Android： 跳转路由再回来后触发了页面刷新，触发componentDidMount等生命周期，按钮状态刷新，重新变为了可点击状态。 ios: 跳转路由再回来，不会触发页面刷新，也不会触发componentDidMoun
移动端原生H5开发
谢鑫的博客
07-26 1907
移动端原生H5开发 配置项 1. Viewport &lt;!-- 让页面宽度等于设备宽度，缩放比例为1，禁止用户缩放网页 --&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"&gt; &lt;!-- 针对一些不识...
微信浏览器返回并强制刷新页面
hbqjzx的专栏
01-29 806
实现微信浏览器返回并强制刷新效果
ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行
FE-阿阳的博客
02-07 4728
ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行 问题描述 在 ios 上浏览器返回上一页不会刷新页面问题，页面初始化的方法不执行，造成了很多意外情况，这个问题不能忍； 解决方案 方法一：hack方法，加入iframe强制刷新后,去除 function(title){ var u = navigator.userAgent; var is
vue项目解决苹果浏览器的缓存功能
web工程师——小发发
03-08 1134
在开发vue项目的时候，测试人员给我提了一个bug：“苹果自带浏览器登录后杀死浏览器重新进入后，页面刷新所有数据不显示”。 我仔细的回顾了一下代码，感觉我的代码没有什么问题，问测试要来了测试机，解决发现问题是真是存在的，然后我首先认为是因为vue路由没有读取到，我修改了一下路由参数的传递方式，结果发现并不是这个原因。然后我查看了一下网络请求，发现没有token，然后我有所顿悟，发现是因为苹果浏览器杀死重进以后并不直接进入登录页面，而是直接返回原先的页面。而我的token是从登录接口中获取的。这样就导致我在
2021-07-30 小程序h5页面没有及时更新，前端强制刷新版本
weixin_44281416的博客
07-30 468
转载自小程序官方回答，此文用做记录。
解决前端ios设备嵌套的H5页面，点击后退按钮，页面存在缓存，不刷新
qq_43661347的博客
02-03 829
var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; //判断ios设备 if (browserRule.test(navigator.userAgent)) { window.onpageshow = function(event) { if (event.persisted) { window.location.reload() } }; } onpageshow是页面显示的时
【MAC使用技巧】Safari、qq浏览器等设置F5刷新快捷键
勿忘初心,安得始终
04-27 1万+
转载自： http://www.mythroad.net/2012/11/27/%E3%80%90mac%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7%E3%80%91safari%E6%B5%8F%E8%A7%88%E5%99%A8%E8%AE%BE%E7%BD%AEf5%E5%88%B7%E6%96%B0%E5%BF%AB%E6%8D%B7%E9%94%AE
如何避免用户使用“过时”的前端网页(强制用户刷新前端网页的方法，非常好用)
brook2020abcd的博客
02-21 2593
如何避免用户使用”过时“的前端网页强制用户使用最新的网页前端改造方法后端改造方法 强制用户使用最新的网页 使用vue+springboot开发的系统，当新版的前端vue发布到nginx后。如果用户之前已经打开过网页，浏览器会将网页进行本地缓存，我们的前端更新无法实时推送给用户。 这里给出了一个非常简单的方式，通过抓取网页中特定的”版本“信息，在每次发起ajax请求时，将版本信息附加到header中。然后后端的springboot接口校验此”版本“信息是否与服务端发布的index.html中的”版本“是否一致
使用MAC电脑、iPhone 真机调试 H5页面
最新发布
qq_14854339的博客
04-09 2425
使用 Mac 电脑和 iOS 手机，真机调试 H5页面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值