wap端,history.go(-1)兼容问题

页面返回按钮:

 今天遇到一个bug,点击“立即结算”,跳转到支付页面,支付页面有了返回按钮,点击返回按钮使用了history.go(-1),

但是在safari浏览器发现再次点击“立即结算”,没有反应,于是就想到了history.go(-1)的兼容;最终结果如下:

 $(‘#goConLink‘).on(‘click‘, function() {     if (document.referrer == ‘‘) {         history.go(-1);     } else {        window.location.href = document.referrer;     } });
时间: 2024-08-10 17:17:12

wap端,history.go(-1)兼容问题的相关文章

JS判断是wap端访问网站还是PC端访问,然后进行自动跳转的代码

<script type="text/javascript"> function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) { windo

wap端访问路径和销售归隐

与app访问路径和销售归因相比,wap端的特殊之处在于: 1. wap端可以浏览器多开,这就意味着在同一时间,用户的访问路径不止一条,可能是多条,相互并行. 因此就不能按app访问路径那样按时间顺序向后追溯路径,而是要根据refer url按时间向前逆推,推出整条路径. 2. wap端浏览器可以发送refer url,但当用户点击浏览器上的返回时,浏览器是发新的PV数据,还是不发,还是发老的PV数据,这就完全是由浏览器特性决定. 如此一来,底层数据中就会比较混乱,当做成路径表以后,表中可能会存在

新浪微博爬取笔记(3):wap端爬取用户微博列表 ,转发列表+数据清理

wap端登陆成功后,就可以安心开始爬取数据了.我这次需要的数据是: (1)用户的近期1000条微博,需要:微博id,转发量,发布时间 (2)某条微博的转发列表,需要:转发人,转发时间 (3)某个用户的关注数,粉丝数,微博数,最近100条微博的平均转发量 ========================================= 相比模拟登陆,爬数据的工作就简单很多.但需要注意几个坑,一边做一边总结如下: ##爬微博列表## (1)虽然目前wap端每页加载的微博数貌似是固定的,但其实是不固

使用HTML5实现扫描PC二维码且触发WAP端上传资源功能

讲解一篇Java代码根据参数动态生成PC二维码效果,且成功扫描并上传图形或视频资源的功能. 技术难度一般,关键在于如何把一整套逻辑思路整合到项目上,如果调用,应该到哪些技术,理清了交互关系,详细对于大家而言这就是一份入门级别的代码参考,以作提升. 粗略介绍一下应用到的技术问题,前端方法使用简单的html元素布局,生成<img>二维码即可,后端框架为SpringMVC,结构简单,查阅清晰,应用到的二维码Jar包为:qrcode_swetake.jar . 一.从前端开始入手,先构建页面布局确保能

移动端接口:版本的兼容

来自鼎*的面试问题,简单地说,我搞砸了...我还真的没有考虑过这个问题,稀里糊涂一顿胡说,我都感觉自己丢人. 现在大部分公司都做APP,所以面临一个版本兼容的问题. APP功能的增加导致server接口不停的进行修改,增加.老接口可能在新的版本中不在使用,但并不能保证没有跨度大的历史版本APP用户,又不能直接修改或删除老server接口. 这里,必须保证更新后,历史版本也能同时使用. (转自http://www.elecfans.com/emb/jiekou/20180223638453.htm

HTML5 监听移动端浏览器返回键兼容版本

// 往windosw对象中的历史记录注入URL的方法 function addUrl() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#"); } addUrl(); // 每调用一次可以监听返回一次 addUrl(); // 每调用一次可以监听返回一次 addUrl(); // 每调用一次可以监听

WAP端 经验记录1

1. 点击元素触发事件的先后顺序:touchstart, touchend, mousedown, mouseup, click 2. Animate 的 stop 问题问题:手机端由于用 CSS3 做动画,所以 zepto 没有 stop 方法.解决:我已自定义扩展了一个方法,目前支持动画 2d transform 和top 和 left 的停止,不支持@keyframe 和 3D. 3. 声音问题问题1:对于IOS 的手机,如果想在游戏的结尾出结果的声音; 解决:当用户点击游戏“开始按钮”,

移动端audio音频播放兼容方案

现在很多移动端要求audio播放必需由用户的事件触发,否则就劫持.实际应用中经常会出现JS网络请求通过返回的结果来决定播放什么音频,在移动端是不允许的. 当移动需要通过网络请求回调来播放音频时,就得做点准备工作,具体代码如下: 加载准备处理      /**      * 循环处理      * @param {Object} data      * @param {Function} callback      * @returns {undefined}      */     functi

05-移动端开发教程-CSS3兼容处理

CSS3的标准并没有全部定稿,目前CSS3的标准分成了不同的模块,具体的标准由各个模块推动标准和定稿,标准制定的过程中,浏览器也在不断的发新的版本来兼容新的标准.浏览器有时会给一些在试验阶段或非标准阶段的css属性添加前缀, 这样开发者就可以使用 浏览器行为的改变不会破坏标准. 开发人员应等待包含无前缀属性,直到浏览器行为标准化. 1. 主流浏览器引擎前缀 -webkit- (谷歌, Safari, 新版Opera浏览器等)-moz- (火狐浏览器)-o- (旧版Opera浏览器等)-ms- (