原因是：访问页面时，某些js方法还没初始化(或者还没有加载出来)此时调用肯定不执行。alert起到了延迟的功能，当用户点击确定此时要执行的js恰好初始化完成，能正常执行。

解决方法是 加setTimeout函数，延迟1秒执行js。

分析现象，逐个排查，找到问题的本质，想解决方案。

现象：在做手机端页面开发使，有一个倒计时功能，正常使用没问题。问题就出在当用户从手机浏览器切换到其他应用在切到手机浏览器，这这段时间内倒计时器没有执行，导致计数不准。

后来找到visibitilychange 事件，即页面可见性。当用户重新切换到浏览器时刷新页面从服务器拿到最新的倒计时时间。

测试后发现新的问题来了，ios 可以完美刷新。Android 总是有时候刷新有时候不刷新。开始以为是visibilitychange浏览器兼容性问题，找了好久没解决。

反复debug发现，visitilitychange 每次都能执行并alert 值出来。接着排查 将问题 js刷新 当前页面。window.location.href=location.href。更换刷新代码后问题依然存在。

百思不得其解，这个时候转机出现了(念念不忘，终有回响)，加入alert后每次都能正常刷新，去掉alert后就不刷新了。

这才找到问题发生的本质。

解决方法是：加setTimeout，1秒后执行刷新的操作

// 手机标签切换事件

function visibilityChange() {

document.addEventListener('visibilitychange', function() {

var u = navigator.userAgent;

if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {

//alert(document.visibilityState);

if(document.visibilityState=='visible'){

setTimeout(function() {

location.reload();

}, 1000);

}

} else if (u.indexOf('iPhone') > -1) {

location.reload();

} else {

setTimeout(function() {

location.reload();

}, 1000);

}

});

}

jquery-事件之页面框架加载后自动执行

jQuery事件之页面框架加载后自动执行 1)概述 HTML执行是按自上而下编译,而

不阻塞浏览器的解析，待外部js下载完成后异步执行

网站统计中的数据收集原理及实现(js埋点实现) - lastwhisper - CSDN博客 https://blog.csdn.net/l1212xiao/article/details/80450 ...

Java-JUC(十二)：有3个线程。线程A和线程B并行执行，线程C需要A和B执行完成后才能执行。可以怎么实现？

方案(一)CountDownLatch: 使用CountDownLatch+Semaphore方式实现: import java.util.concurrent.CountDownLatch; imp ...

spring启动后立即执行方法

1.方法所属的类继承InitializingBean接口. 2.重写afterPropertiesSet()方法. afterPropertiesSet方法会在bean被初始化时执行. 当bean的作 ...

解决每次执行Java等命令时都要重新source /etc/profile后才能执行，否则找不到命令

linux mint 我们通常将环境变量设置在/etc/profile这个文件中,这个文件是全局的. /etc/profile:在登录时,操作系 统定制用户环境时使用的第一个文件 ,此文件为系统的每个 ...

关于alert后，才能继续执行后续代码问题

如果在正常情况下,代码要在alert之后才执行,解决办法:将要执行的代码用setTimeout延迟执行即可(原因:页面未加载完毕) 首先,先说明问题情况: 如下JS代码,不能正常执行,只有在最前面加上 ...

随机推荐

ASP.net解析JSON例子

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.We ...

VisualSVN Server以及TortoiseSVN客户端的配置和使用方法

http://www.cnblogs.com/beautifulFuture/archive/2014/07/01/3818211.html 近期学习代码管理工具,首先学习一下svn和Tortoise ...

sublime 设置文件默认打开方式

win7,sublime text 3 无法关联文件 删除 HKEY_CURRENT_USER\Software\Classes\Applications下的Sublime_Text.exe项.你就发 ...

asp.net core 2.0 Microsoft.Extensions.Logging 文本文件日志扩展

asp.net core微软官方为日志提供了原生支持,有如下实现 Console Debug EventLog AzureAppServices TraceSource EventSource 并且在 ...

mysql初学,mysql修改,mysql查找,mysql删除,mysql基本命令

Mysql 下载地址https://dev.mysql.com/downloads/mysql/ 1.连接Mysql格式: mysql -h主机地址 -u用户名 -p用户密码 1.连接到本机上的MYS ...

[bzoj2843&&bzoj1180]极地旅行社 (lct)

双倍经验双倍的幸福... 所以另一道是300大洋的世界T_T...虽然题目是一样的,不过2843数据范围小了一点... 都是lct基本操作 #include #includ ...

了解vue里的Runtime Only和Runtime+Compiler

转自:了解vue里的Runtime Only和Runtime+Compiler 扩展文章:Vue 2.0如何仅使用Runtime-only Build构建项目? 可以看到有两种版本: Runtime ...

Centos 安装 python2.7.10以及pip

安装python2.7.10 1. 下载安装包并解压 wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz tar -xf P ...

No.7 selenium学习之路之Alert弹窗

Alert弹窗 弹窗是用工具选不到的~ 切换到alert driver.switch_to_alert() 新的语法:driver.switch_to.alert 注:新的语法不需要后面加括号 打印a ...

UBUNTU 14.04 INSTALL nsenter

cd /tmp; curl https://www.kernel.org/pub/linux/utils/util-linux/v2.25/util-linux-2.25.tar.gz | tar - ...