视频网站-添加动漫专用手机播放器-提示处理

最新推荐文章于 2024-10-20 19:54:49 发布

yixiao_naihe

最新推荐文章于 2024-10-20 19:54:49 发布

阅读量3k

点赞数

CC 4.0 BY-SA版权

分类专栏：网站开发手机网页前端

本文链接：https://blog.youkuaiyun.com/yixiao_naihe/article/details/41686975

前端同时被 3 个专栏收录

5 篇文章

订阅专栏

网站开发

3 篇文章

订阅专栏

手机网页

2 篇文章

订阅专栏

本文详细介绍了在iPhone访问特定视频网站时，如何通过使用iframe和window.location.href实现弹出推荐下载播放器的提示框，并解决了微信浏览器中视频页面退出的问题。通过设置cookie控制提示频率，确保用户体验的同时避免了不必要的频繁提醒。

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

今天看到热片网repian.com有个功能：

iphone访问视频网站时，弹出提示“下载手机专用播放器”，然后给出下载地址

加载的页面类似http://www.pgyer.com/app/install/313d7ac9371cb0919c90e4255c027410 手机访问时弹出安装项

本想实现很简单： 1进入之后alert提示框

2.在页面加载个iframe嵌入该页面

3.保存个cookie存放8小时这样会经常提醒用户其实好奸诈个人觉得不好用

结果发现：当用iframe页面嵌入的时候，根本没有弹出安装项

只能改变思路 window.location.href = "url" 这样出现两个问题

1.在微信浏览器中出现异常，视频页面会退出实在没办法解决

2.普通浏览器可提示正常，但需要注意在页面加载完成后执行提示

附代码：

function pgyer(){
	
		alert("推荐您下载动漫专用手机播放器，安装后即可离线观看海量动漫视频噢！")
		
 		window.location.href="http://www.pgyer.com/app/install/313d7ac9371cb0919c90e4255c027410"
		
		cookiesave("uservisit",escape("first"),8*60,"","")
			
	
	}
	
	
var timer = setInterval(showtip,500)

function showtip(){
	
	/*edit 20141202*/
	
	 if(document&&document.body&&document.readyState == "complete"){ 
	 
	 		clearInterval(timer);
			
			var uservisit =  cookieget("uservisit")
			
			var isios = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
			
			var isweixin = navigator.userAgent.match(/MicroMessenger/i) == 'micromessenger'
			
	 
			if(uservisit!=escape("first")&&isios&&!isweixin){
					
				pgyer()
		
			}
	 	
		}
	
	
	}