学习公社学习20分钟‘休息弹窗‘ 解决方案

2024-02-13 14:20

本文主要是介绍学习公社学习20分钟‘休息弹窗‘ 解决方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在党校平台视频连续学习20分钟会出现以下弹窗,非常影响学习效率
I.初步分析
分析后得到关键js代码

!t && B && F > 0 && 0 == 60 * L % F && 
(console.log(">>>touch restTime; playCount=" + L),exitFullscreen(), 
J("您已学习" + Math.round(F / 60) + "分钟了,让眼睛休息一下吧"), videoPause())

发现在视频持续学习一定的时间后,会调用J()函数,并且赋予参数 学习时长字符串和videoPause()函数,由于平台对代码进行了压缩,我们大致可以猜出J()函数的调用是为了弹窗博客最前边所示的对话框,并暂停视频的播放,让视频学习者点击确认,确保学习者没有刷学习时长的嫌疑后,再次进行视频播放记录学习时间。
videoPause()函数:

window.videoPause = function() {A.pause()}, window.videoPlay = function() {A.play()};var J = function(e) {var a = t.dialog({boxid: "rest_tip",title: "提示",width: 380,modal: !0,content: '<span style="display:block;text-align: center;">' + e + "</span>",buttons: [{text: "继续学习",css: {backgroundColor: "#c0130d"},click: function() {videoPlay(), a.close()}}]})},

阅读代码后发现,在弹出对话框后进行了视频暂停,在点击确认后,视频又重新开始播放。
II.关键解决方案代码
在了解了平台实现逻辑后,我们此部分开始解决上述问题。既然网页端弹出来一个对话框,需要我们点击确认后才可以继续记录学习时长,那我们最关键的问题就是获取该对话框的确认按钮的标签,然后再模拟浏览器点击行为,从而完美解决。
等待弹出对话框,按下F12(笔记本可能是Fn+F12)打开开发者模式,找到该弹出对话框的HTML代码:

<div class="dialog-button-container"><button type="button" style="background-color: rgb(192, 19, 13); margin-left: 0px;">继续学习</button> == $0
</div>

发现了确认按钮的标签,是类名为“dialog-button-container” div 下的"button"标签,随后使用JS代码获取该标签,本例中由于平台中引入了jQuery,我们使用jQuery获取:
 let dialog = $('.dialog-button-container button')
然后使用一个定时器不断获取页面中的dialog标签,并进行模拟浏览器点击:

var openClick = setInterval(function() {let dialog = $('.dialog-button-container button')dialog.click()console.log("正在监测弹出对话框...")
}, 1000)

最后一步就是在视频播放页面,按下F12(笔记本可能是Fn+F12)打开开发者模式,点击Console(控制台),输入上述代码后按回车键即可:

 综上完美解决休息弹窗,不关闭调试界面即可不间断学习。

这篇关于学习公社学习20分钟‘休息弹窗‘ 解决方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/705762

相关文章

Linux samba共享慢的原因及解决方案

《Linuxsamba共享慢的原因及解决方案》:本文主要介绍Linuxsamba共享慢的原因及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录linux samba共享慢原因及解决问题表现原因解决办法总结Linandroidux samba共享慢原因及解决

找不到Anaconda prompt终端的原因分析及解决方案

《找不到Anacondaprompt终端的原因分析及解决方案》因为anaconda还没有初始化,在安装anaconda的过程中,有一行是否要添加anaconda到菜单目录中,由于没有勾选,导致没有菜... 目录问题原因问http://www.chinasem.cn题解决安装了 Anaconda 却找不到 An

Spring定时任务只执行一次的原因分析与解决方案

《Spring定时任务只执行一次的原因分析与解决方案》在使用Spring的@Scheduled定时任务时,你是否遇到过任务只执行一次,后续不再触发的情况?这种情况可能由多种原因导致,如未启用调度、线程... 目录1. 问题背景2. Spring定时任务的基本用法3. 为什么定时任务只执行一次?3.1 未启用

MySQL新增字段后Java实体未更新的潜在问题与解决方案

《MySQL新增字段后Java实体未更新的潜在问题与解决方案》在Java+MySQL的开发中,我们通常使用ORM框架来映射数据库表与Java对象,但有时候,数据库表结构变更(如新增字段)后,开发人员可... 目录引言1. 问题背景:数据库与 Java 实体不同步1.1 常见场景1.2 示例代码2. 不同操作

java常见报错及解决方案总结

《java常见报错及解决方案总结》:本文主要介绍Java编程中常见错误类型及示例,包括语法错误、空指针异常、数组下标越界、类型转换异常、文件未找到异常、除以零异常、非法线程操作异常、方法未定义异常... 目录1. 语法错误 (Syntax Errors)示例 1:解决方案:2. 空指针异常 (NullPoi

使用DrissionPage控制360浏览器的完美解决方案

《使用DrissionPage控制360浏览器的完美解决方案》在网页自动化领域,经常遇到需要保持登录状态、保留Cookie等场景,今天要分享的方案可以完美解决这个问题:使用DrissionPage直接... 目录完整代码引言为什么要使用已有用户数据?核心代码实现1. 导入必要模块2. 关键配置(重点!)3.

Jackson库进行JSON 序列化时遇到了无限递归(Infinite Recursion)的问题及解决方案

《Jackson库进行JSON序列化时遇到了无限递归(InfiniteRecursion)的问题及解决方案》使用Jackson库进行JSON序列化时遇到了无限递归(InfiniteRecursi... 目录解决方案‌1. 使用 @jsonIgnore 忽略一个方向的引用2. 使用 @JsonManagedR

Java进阶学习之如何开启远程调式

《Java进阶学习之如何开启远程调式》Java开发中的远程调试是一项至关重要的技能,特别是在处理生产环境的问题或者协作开发时,:本文主要介绍Java进阶学习之如何开启远程调式的相关资料,需要的朋友... 目录概述Java远程调试的开启与底层原理开启Java远程调试底层原理JVM参数总结&nbsMbKKXJx

Seata之分布式事务问题及解决方案

《Seata之分布式事务问题及解决方案》:本文主要介绍Seata之分布式事务问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Seata–分布式事务解决方案简介同类产品对比环境搭建1.微服务2.SQL3.seata-server4.微服务配置事务模式1

关于Nginx跨域问题及解决方案(CORS)

《关于Nginx跨域问题及解决方案(CORS)》文章主要介绍了跨域资源共享(CORS)机制及其在现代Web开发中的重要性,通过Nginx,可以简单地解决跨域问题,适合新手学习和应用,文章详细讲解了CO... 目录一、概述二、什么是 CORS?三、常见的跨域场景四、Nginx 如何解决 CORS 问题?五、基