解决网站进度条无法拖进的问题~

一般我们看视频网站，很少看到会不允许拖动进度条的情况，但是学生党来说却比较常见，因为可能要刷公选课，所以一般这样刷公选课的网站一般都是限制随意拖动进度条的。

一般进度条这个功能的限制是由于js引起的。所以修改js文件就可以了。由于在线修改的话，浏览器一刷新的话，修改内容又恢复了，所以我们需要一个映射的插件。

笔者这里的运行环境是Windows，浏览器用的是chrome。之前参看了上面作者说是mac系统好像有问题，可能会失败，笔者没用过mac系统，所以也不敢下断论mac下可不可以。

首先下载ReRes插件，它可以用来映射js，就是说它可以把原本运行在其它服务器下的js文件转换成你本机电脑下的js，来达到一些你想实现的原本被限制的功能。

找到能实现替换js文件功能的Chrome插件叫ReRes：https://github.com/annnhan/ReRes

它可以把请求映射到其它url，也可以映射到本机的文件或者目录。

2.定位网站播放器配置代码

2.1.简单的网站，你会直接找到这个属性。

在开发者工具中查看站点目录，在js文件夹下找到ckplayer.js，里面注释十分详细，果然找到了控制进度条功能的schedule属性。

只要能修改这个js属性值，应该就能实现进度条的随意拖动。当然如果在线修改的话，一旦网页刷新，就会恢复原状了。所以需要把这个js文件下载下来，再修改！

2.2比较复杂的网站

你看上面这个就是比较复杂的网站，它并没有直接标明schedule属性，所以你需要做的是，把他们直接下载保存到本地，然后用一个软件打开每个js文件，并且逐个全局搜索schedule属性，查到的话，直接修改。

按照官方说明修改了schedule属性：
schedule: 1, //是否启用进度调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动

但发现进度条依然不能拖动，阅读剩下的配置属性，发现还需修改一处：
timeScheduleAdjust: 1, //是否可调节调节栏,0不启用，1是启用，2是只能前进（向右拖动），3是只能后退，4是只能前进但能回到第一次拖动时的位置，5是看过的地方可以随意拖动

4.添加映射

打开ReRes插件，然后点击添加映射地址。

添加规则说明：

线上地址请以http://开头，本地地址以file:///开头，比如[http://cssha.com](http://cssha.com/)或file:///D:/a.js

添加完毕，请刷新网页，查看网页查看工具，看看有没有报错。

最后：

如果不是Windows系统，可能会导致失败，你可以参考下面地址，在你的本机上添加一个小型服务器，用来解决不同系统的兼容性。当然如果你有一台云服务器的话，在服务器中开启相对应的端口，然后把修改的文件添加进去。这个又设涉及另外一个内容了。

链接：https://www.jianshu.com/p/db3bf652a0af