解決網站進度條無法拖進的問題~

作者：籃筐轟炸機5號
鏈接：https://www.jianshu.com/p/db3bf652a0af
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。

一般我們看視頻網站，很少看到會不允許拖動進度條的情況，但是學生黨來說卻比較常見，因為可能要刷公選課，所以一般這樣刷公選課的網站一般都是限制隨意拖動進度條的。

一般進度條這個功能的限制是由於js引起的。所以修改js文件就可以了。由於在線修改的話，瀏覽器一刷新的話，修改內容又恢復了，所以我們需要一個映射的插件。

筆者這里的運行環境是Windows，瀏覽器用的是chrome。之前參看了上面作者說是mac系統好像有問題，可能會失敗，筆者沒用過mac系統，所以也不敢下斷論mac下可不可以。

首先下載ReRes插件，它可以用來映射js，就是說它可以把原本運行在其它服務器下的js文件轉換成你本機電腦下的js，來達到一些你想實現的原本被限制的功能。

1.下載ReRes,它可以攔截替換js文件

找到能實現替換js文件功能的Chrome插件叫ReRes：https://github.com/annnhan/ReRes

它可以把請求映射到其它url，也可以映射到本機的文件或者目錄。

2.定位網站播放器配置代碼

2.1.簡單的網站，你會直接找到這個屬性。

在開發者工具中查看站點目錄，在js文件夾下找到ckplayer.js，里面注釋十分詳細，果然找到了控制進度條功能的schedule屬性。

只要能修改這個js屬性值，應該就能實現進度條的隨意拖動。當然如果在線修改的話，一旦網頁刷新，就會恢復原狀了。所以需要把這個js文件下載下來，再修改！

2.2比較復雜的網站

 

 

 你看上面這個就是比較復雜的網站，它並沒有直接標明schedule屬性，所以你需要做的是，把他們直接下載保存到本地，然后用一個軟件打開每個js文件，並且逐個全局搜索schedule屬性，查到的話，直接修改。

 

3.修改JS文件

按照官方說明修改了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