Github 增强 - 高速下载

高速下载 Git Clone/SSH、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)

2022-02-03 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.

  1. // ==UserScript==
  2. // @name Github 增强 - 高速下载
  3. // @version 1.7.9
  4. // @author X.I.U
  5. // @description 高速下载 Git Clone/SSH、Release、Raw、Code(ZIP) 等文件、项目列表单文件快捷下载 (☁)
  6. // @match *://github.com/*
  7. // @match *://hub.fastgit.org/*
  8. // @icon https://i.loli.net/2021/03/30/ULV9XunaHesqGIR.png
  9. // @grant GM_registerMenuCommand
  10. // @grant GM_unregisterMenuCommand
  11. // @grant GM_openInTab
  12. // @grant GM_getValue
  13. // @grant GM_setValue
  14. // @grant GM_notification
  15. // @grant window.onurlchange
  16. // @license GPL-3.0 License
  17. // @run-at document-end
  18. // @namespace https://greasyfork.org/scripts/412245
  19. // @supportURL https://github.com/XIU2/UserScript
  20. // @homepageURL https://github.com/XIU2/UserScript
  21. // ==/UserScript==
  22.  
  23. (function() {
  24. 'use strict';
  25. var backColor = '#ffffff', fontColor = '#888888';
  26. if (document.getElementsByTagName('html')[0].getAttribute('data-color-mode') === 'dark') { // 黑暗模式判断
  27. if (document.getElementsByTagName('html')[0].getAttribute('data-dark-theme') === 'dark_dimmed') {
  28. backColor = '#272e37'; fontColor = '#768390';
  29. } else {
  30. backColor = '#161a21'; fontColor = '#97a0aa';
  31. }
  32. } else if (document.getElementsByTagName('html')[0].getAttribute('data-color-mode') === 'auto') {
  33. if (window.getComputedStyle(document.body).backgroundColor === 'rgb(34, 39, 46)') {
  34. backColor = '#272e37'; fontColor = '#768390';
  35. } else if (window.getComputedStyle(document.body).backgroundColor === 'rgb(13, 17, 23)') {
  36. backColor = '#161a21'; fontColor = '#97a0aa';
  37. }
  38. }
  39. const download_url = [
  40. ['https://pd.zwc365.com/seturl/https://github.com', '美国 1'],
  41. ['https://gh.xiu2.xyz/https://github.com', '美国 2'],
  42. ['https://gh.api.99988866.xyz/https://github.com', '美国 3'],
  43. ['https://github.rc1844.workers.dev', '美国 4'],
  44. ['https://git.yumenaka.net/https://github.com', '美国 5'],
  45. ['https://download.fastgit.org', '日本'],
  46. ['https://ghproxy.com/https://github.com', '韩国']
  47. //['https://ghproxy.fsou.cc/https://github.com', '香港']
  48. ],
  49. clone_url = [
  50. ['https://gitclone.com', '中国浙江'],
  51. ['https://github.com.cnpmjs.org', '新加坡'],
  52. ['https://hub.fastgit.xyz', '日本东京']
  53. ],
  54. clone_ssh_url = [
  55. ['git@hub.fastgit.xyz', '日本东京'],
  56. ['git@git.zhlh6.cn', '美国']
  57. ],
  58. raw_url = [
  59. ['https://raw.githubusercontent.com', 'Github 原生',''],
  60. //['https://ghproxy.fsou.cc/https://github.com', '中国香港 1', ''],
  61. //['https://pd.zwc365.com/seturl/https://raw.githubusercontent.com', '中国香港 2', ''],
  62. ['https://ghproxy.com/https://raw.githubusercontent.com', '韩国', ''],
  63. ['https://fastly.jsdelivr.net/gh','日本 1', '注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。'],
  64. ['https://cdn.staticaly.com/gh','日本 2', '注意:
 - 该加速是全球 Anycast CDN,国内一般分配到日本节点。'],
  65. ['https://raw.fastgit.org','日本 3', '注意:
 - 单个文件太大时可能会提示超时(实时获取中),请重试。'],
  66. ['https://cdn.jsdelivr.net/gh','美国', '注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。'],
  67. ['https://gcore.jsdelivr.net/gh','俄罗斯', '适用于 [电信用户],特别是北方。
注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。']
  68. ],
  69. svg = [
  70. '<svg class="octicon octicon-file-zip mr-2" aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" d="M3.5 1.75a.25.25 0 01.25-.25h3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h2.086a.25.25 0 01.177.073l2.914 2.914a.25.25 0 01.073.177v8.586a.25.25 0 01-.25.25h-.5a.75.75 0 000 1.5h.5A1.75 1.75 0 0014 13.25V4.664c0-.464-.184-.909-.513-1.237L10.573.513A1.75 1.75 0 009.336 0H3.75A1.75 1.75 0 002 1.75v11.5c0 .649.353 1.214.874 1.515a.75.75 0 10.752-1.298.25.25 0 01-.126-.217V1.75zM8.75 3a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM6 5.25a.75.75 0 01.75-.75h.5a.75.75 0 010 1.5h-.5A.75.75 0 016 5.25zm2 1.5A.75.75 0 018.75 6h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 6.75zm-1.25.75a.75.75 0 000 1.5h.5a.75.75 0 000-1.5h-.5zM8 9.75A.75.75 0 018.75 9h.5a.75.75 0 010 1.5h-.5A.75.75 0 018 9.75zm-.75.75a1.75 1.75 0 00-1.75 1.75v3c0 .414.336.75.75.75h2.5a.75.75 0 00.75-.75v-3a1.75 1.75 0 00-1.75-1.75h-.5zM7 12.25a.25.25 0 01.25-.25h.5a.25.25 0 01.25.25v2.25H7v-2.25z"></path></svg>',
  71. '<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon d-inline-block"><path fill-rule="evenodd" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 010 1.5h-1.5a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-1.5a.75.75 0 011.5 0v1.5A1.75 1.75 0 019.25 16h-7.5A1.75 1.75 0 010 14.25v-7.5z"></path><path fill-rule="evenodd" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0114.25 11h-7.5A1.75 1.75 0 015 9.25v-7.5zm1.75-.25a.25.25 0 00-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 00.25-.25v-7.5a.25.25 0 00-.25-.25h-7.5z"></path></svg><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check js-clipboard-check-icon color-fg-success d-inline-block d-sm-none"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>',
  72. '<svg class="octicon octicon-cloud-download" aria-hidden="true" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M9 12h2l-3 3-3-3h2V7h2v5zm3-8c0-.44-.91-3-4.5-3C5.08 1 3 2.92 3 5 1.02 5 0 6.52 0 8c0 1.53 1 3 3 3h3V9.7H3C1.38 9.7 1.3 8.28 1.3 8c0-.17.05-1.7 1.7-1.7h1.3V5c0-1.39 1.56-2.7 3.2-2.7 2.55 0 3.13 1.55 3.2 1.8v1.2H12c.81 0 2.7.22 2.7 2.2 0 2.09-2.25 2.2-2.7 2.2h-2V11h2c2.08 0 4-1.16 4-3.5C16 5.06 14.08 4 12 4z"></path></svg>'
  73. ],
  74. style = ['padding:0 6px;margin-right: -1px;border-radius: 2px;background-color: '+backColor+';border-color: rgba(27, 31, 35, 0.1);font-size: 11px;color: '+fontColor+';'];
  75. var menu_raw_fast = GM_getValue('xiu2_menu_raw_fast'), menu_menu_raw_fast_ID, menu_feedBack_ID;
  76. if (menu_raw_fast == null){menu_raw_fast = 1; GM_setValue('xiu2_menu_raw_fast', 1)};
  77.  
  78. registerMenuCommand();
  79. // 注册脚本菜单
  80. function registerMenuCommand() {
  81. if (menu_feedBack_ID) { // 如果反馈菜单ID不是 null,则删除所有脚本菜单
  82. GM_unregisterMenuCommand(menu_menu_raw_fast_ID);
  83. GM_unregisterMenuCommand(menu_feedBack_ID);
  84. menu_raw_fast = GM_getValue('xiu2_menu_raw_fast');
  85. }
  86. if (menu_raw_fast > raw_url.length - 1) { // 避免在减少 raw 数组后,用户储存的数据大于数组而报错
  87. menu_raw_fast = 0
  88. }
  89. menu_menu_raw_fast_ID = GM_registerMenuCommand(`${menu_num(menu_raw_fast)} [ ${raw_url[menu_raw_fast][1]} ] 加速源 (☁) - 点击切换`, menu_toggle_raw_fast);
  90. menu_feedBack_ID = GM_registerMenuCommand('💬 反馈 & 建议 [Github]', function () {window.GM_openInTab('https://github.com/XIU2/UserScript', {active: true,insert: true,setParent: true});window.GM_openInTab('https://greasyfork.org/zh-CN/scripts/412245/feedback', {active: true,insert: true,setParent: true});});
  91. }
  92.  
  93. // 切换加速源
  94. function menu_toggle_raw_fast() {
  95. if (menu_raw_fast >= raw_url.length - 1) { // 如果当前加速源位置大于等于加速源总数,则改为第一个加速源,反之递增下一个加速源
  96. menu_raw_fast = 0;
  97. } else {
  98. menu_raw_fast += 1;
  99. }
  100. GM_setValue('xiu2_menu_raw_fast', menu_raw_fast);
  101. delRawDownLink(); // 删除旧加速源
  102. addRawDownLink(); // 添加新加速源
  103. GM_notification({text: "已切换加速源为:" + raw_url[menu_raw_fast][1], timeout: 3000}); // 提示消息
  104. registerMenuCommand(); // 重新注册脚本菜单
  105. };
  106.  
  107. // 菜单数字图标
  108. function menu_num(num) {
  109. return ['0️⃣','1️⃣','2️⃣','3️⃣','4️⃣','5️⃣','6️⃣','7️⃣','8️⃣','9️⃣','🔟'][num]
  110. }
  111.  
  112. addRelease(); // Release 加速
  113. setTimeout(addDownloadZIP, 2000); // Download ZIP 加速
  114. setTimeout(addGitClone, 2000); // Git Clone 加速
  115. setTimeout(addGitCloneSSH, 2000); // Git Clone SSH 加速
  116. addRawFile(); // Raw 加速
  117. setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接(☁),延迟 2 秒执行,避免被 pjax 刷掉
  118.  
  119. document.addEventListener('pjax:success',function(){ // pjax 事件发生后
  120. addRelease(); // Release 加速
  121. setTimeout(addDownloadZIP, 2000); // Download ZIP 加速
  122. setTimeout(addGitClone, 2000); // Git Clone 加速
  123. setTimeout(addGitCloneSSH, 2000); // Git Clone SSH 加速
  124. addRawFile(); // Raw 加速
  125. setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接(☁),延迟 2 秒执行,避免被 pjax 刷掉
  126. });
  127.  
  128. // 在浏览器返回/前进时重新添加 Raw 下载链接(☁)事件
  129. // Tampermonkey v4.11 版本添加的 onurlchange 事件 grant,可以监控 pjax 等网页的 URL 变化
  130. if (window.onurlchange === undefined) {addUrlChangeEvent();}
  131. window.addEventListener('urlchange', function() {
  132. addRawDownLink_();
  133. if (location.pathname.indexOf('/releases')) {addRelease();}
  134. });
  135.  
  136.  
  137. // Release
  138. function addRelease() {
  139. let html = document.querySelectorAll('.Box-footer'); if (html.length == 0) return
  140. let divDisplay = '';
  141. if (document.documentElement.clientWidth > 1000) {divDisplay = 'float: right;margin-top: -3px;margin-left: 8px;';}; // 调整小屏幕时的样式
  142. for (const current of html) {
  143. if (current.querySelector('.XIU2-RS')) continue
  144. current.querySelectorAll('li.Box-row > a').forEach(function (_this) {
  145. let href = _this.href.split(location.host),
  146. url = '', _html = `<div class="XIU2-RS" style="${divDisplay}">`;
  147.  
  148. // 循环生成 HTML 标签
  149. for (let i=0;i<download_url.length;i++) {
  150. url = download_url[i][0] + href[1]
  151. if (location.host === 'hub.fastgit.org') url = url.replace('hub.fastgit.org','github.com')
  152. if (download_url[i][0] === 'https://download.fastgit.org' && url.indexOf('/archive/') > -1) url = url.replace('https://download.fastgit.org','https://archive.fastgit.org')
  153.  
  154. _html += `<a style="${style[0]}" class="btn" href="${url}" rel="noreferrer noopener nofollow">${download_url[i][1]}</a>`
  155. }
  156. _this.insertAdjacentHTML('afterend', _html + '</div>');
  157. });
  158. }
  159. }
  160.  
  161.  
  162. // Download ZIP
  163. function addDownloadZIP() {
  164. if (document.querySelector('.XIU2-DZ')) return
  165. let html = document.querySelector('.dropdown-menu.dropdown-menu-sw.p-0 ul li:last-child');if (!html) return
  166. let href = html.getElementsByTagName('a')[0].href,
  167. url = '', _html = '';
  168.  
  169. for (let i=0;i<download_url.length;i++) {
  170. url = download_url[i][0] + href.split(location.host)[1]
  171. if (location.host === 'hub.fastgit.org') url = url.replace('hub.fastgit.org','github.com')
  172. if (download_url[i][0] === 'https://download.fastgit.org' && url.indexOf('/archive/') > -1) url = url.replace('https://download.fastgit.org','https://archive.fastgit.org')
  173.  
  174. _html += `<li class="Box-row Box-row--hover-gray p-3 mt-0 XIU2-DZ"><a class="d-flex flex-items-center color-fg-default text-bold no-underline" rel="noreferrer noopener nofollow" href="${url}">${svg[0]}Download ZIP ${download_url[i][1]}</a></li>`
  175. }
  176. html.insertAdjacentHTML('afterend', _html);
  177. }
  178.  
  179.  
  180. // Git Clone
  181. function addGitClone() {
  182. if (document.querySelector('.XIU2-GC')) return
  183. let html = document.querySelector('[role="tabpanel"]:nth-child(2) div.input-group');if (!html) return
  184. let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(location.host),
  185. url = '', _html = '';
  186.  
  187. for (let i=0;i<clone_url.length;i++) {
  188. if (clone_url[i][0] === 'https://gitclone.com') {
  189. url = clone_url[i][0] + '/github.com' + href_split[1]
  190. } else {
  191. url = clone_url[i][0] + href_split[1]
  192. }
  193. _html += `<div class="input-group XIU2-GC" style="margin-top: 4px;" title="加速源:${clone_url[i][1]} (点击可直接复制)"><input value="${url}" aria-label="${url}" type="text" class="form-control input-monospace input-sm color-bg-subtle" data-autoselect="" readonly=""><div class="input-group-button"><clipboard-copy value="${url}" aria-label="Copy to clipboard" class="btn btn-sm js-clipboard-copy tooltipped-no-delay ClipboardButton" tabindex="0" role="button">${svg[1]}</clipboard-copy></div></div>`
  194. }
  195. html.insertAdjacentHTML('afterend', _html);
  196. }
  197.  
  198.  
  199. // Git Clone SSH
  200. function addGitCloneSSH() {
  201. if (document.querySelector('.XIU2-GCS')) return
  202. let html = document.querySelector('[role="tabpanel"]:nth-child(3) div.input-group');if (!html) return
  203. let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(':'),
  204. _html = '';
  205.  
  206. if (href_split[0] != 'git@github.com') return
  207.  
  208. for (let i=0;i<clone_ssh_url.length;i++) {
  209. _html += `<div class="input-group XIU2-GCS" style="margin-top: 4px;" title="加速源:${clone_ssh_url[i][1]} (点击可直接复制)"><input value="${clone_ssh_url[i][0] + ':' + href_split[1]}" aria-label="${clone_ssh_url[i][0] + ':' + href_split[1]}" type="text" class="form-control input-monospace input-sm color-bg-subtle" data-autoselect="" readonly=""><div class="input-group-button"><clipboard-copy value="${clone_ssh_url[i][0] + ':' + href_split[1]}" aria-label="Copy to clipboard" class="btn btn-sm js-clipboard-copy tooltipped-no-delay ClipboardButton" tabindex="0" role="button">${svg[1]}</clipboard-copy></div></div>`
  210. }
  211. html.insertAdjacentHTML('afterend', _html);
  212. }
  213.  
  214.  
  215. // Raw
  216. function addRawFile() {
  217. if (document.querySelector('.XIU2-RF')) return
  218. let html = document.getElementById('raw-url');if (!html) return
  219. let href = location.href.replace(`https://${location.host}`,''),
  220. href2 = href.replace('/blob/','/'),
  221. url = '', _html = '';
  222.  
  223. for (let i=1;i<raw_url.length;i++) {
  224. switch(i) {
  225. //case 1:
  226. // url = raw_url[i][0] + href; break;
  227. case 2:
  228. case 5:
  229. case 6:
  230. url = raw_url[i][0] + href.replace('/blob/','@'); break;
  231. default:
  232. url = raw_url[i][0] + href2;
  233. }
  234. _html += `<a href="${url}" title="${raw_url[i][2]}" target="_blank" role="button" rel="noreferrer noopener nofollow" class="btn-sm btn BtnGroup-item XIU2-RF">${raw_url[i][1]}</a>`
  235. }
  236. html.insertAdjacentHTML('afterend', _html);
  237. }
  238.  
  239.  
  240. // 添加 Raw 下载链接(☁)
  241. function addRawDownLink() {
  242. // 如果不是项目文件页面,就返回,如果网页有 Raw 下载链接(☁)就返回
  243. let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;if (location.pathname.indexOf('/tags') > -1) return
  244. let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length > 0) return;
  245.  
  246. // 鼠标指向则显示
  247. var mouseOverHandler = function(evt) {
  248. let elem = evt.currentTarget,
  249. aElm_new = elem.querySelectorAll('.fileDownLink'),
  250. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  251. aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  252. aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  253. };
  254.  
  255. // 鼠标离开则隐藏
  256. var mouseOutHandler = function(evt) {
  257. let elem = evt.currentTarget,
  258. aElm_new = elem.querySelectorAll('.fileDownLink'),
  259. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  260. aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  261. aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  262. };
  263.  
  264. // 循环添加
  265. files.forEach(function(fileElm, i) {
  266. let trElm = fileElm.parentNode.parentNode,
  267. cntElm_a = trElm.querySelector('.css-truncate.css-truncate-target.d-block.width-fit a'),
  268. cntElm_svg = trElm.querySelector('.mr-3.flex-shrink-0 svg.octicon.octicon-file'),
  269. Name = cntElm_a.innerText,
  270. href = cntElm_a.attributes.href.nodeValue.replace(`https://${location.host}`,''),
  271. href2 = href.replace('/blob/','/'), url, url_name, url_tip = '';
  272.  
  273. switch(menu_raw_fast) {
  274. //case 1:
  275. // url = raw_url[menu_raw_fast][0] + href; break;
  276. case 2:
  277. case 5:
  278. case 6:
  279. url = raw_url[menu_raw_fast][0] + href.replace('/blob/','@'); break;
  280. default:
  281. url = raw_url[menu_raw_fast][0] + href2;
  282. }
  283. url_name = raw_url[menu_raw_fast][1]; url_tip = raw_url[menu_raw_fast][2];
  284. cntElm_svg.insertAdjacentHTML('afterend', `<a href="${url}" download="${Name}" target="_blank" rel="noreferrer noopener nofollow" class="fileDownLink" style="display: none;" title="「${url_name}」&#10;&#10;[Alt + 左键] 或 [右键 - 另存为...] 下载文件。&#10;注意:鼠标点击 [☁] 图标,而不是左侧的文件名!&#10;&#10;${url_tip}提示:点击浏览器右上角 Tampermonkey 扩展图标 - [ ${raw_url[menu_raw_fast][1]} ] 加速源 (☁) 即可切换。">${svg[2]}</a>`);
  285. // 绑定鼠标事件
  286. trElm.onmouseover = mouseOverHandler;
  287. trElm.onmouseout = mouseOutHandler;
  288. });
  289. }
  290.  
  291.  
  292. // 删除 Raw 快捷下载(☁)
  293. function delRawDownLink() {
  294. let aElm = document.querySelectorAll('.fileDownLink');if(aElm.length === 0) return;
  295. aElm.forEach(function(fileElm) {
  296. fileElm.remove()
  297. })
  298. }
  299.  
  300.  
  301. // 在浏览器返回/前进时重新添加 Raw 下载链接(☁)鼠标事件
  302. function addRawDownLink_() {
  303. // 如果不是项目文件页面,就返回,如果网页没有 Raw 下载链接(☁)就返回
  304. let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;
  305. let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length === 0) return;
  306.  
  307. // 鼠标指向则显示
  308. var mouseOverHandler = function(evt) {
  309. let elem = evt.currentTarget,
  310. aElm_new = elem.querySelectorAll('.fileDownLink'),
  311. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  312. aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  313. aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  314. };
  315.  
  316. // 鼠标离开则隐藏
  317. var mouseOutHandler = function(evt) {
  318. let elem = evt.currentTarget,
  319. aElm_new = elem.querySelectorAll('.fileDownLink'),
  320. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  321. aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  322. aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  323. };
  324.  
  325. // 循环添加
  326. files.forEach(function(fileElm, i) {
  327. let trElm = fileElm.parentNode.parentNode;
  328. // 绑定鼠标事件
  329. trElm.onmouseover = mouseOverHandler;
  330. trElm.onmouseout = mouseOutHandler;
  331. });
  332. }
  333.  
  334.  
  335. // 自定义 urlchange 事件(用来监听 URL 变化)
  336. function addUrlChangeEvent() {
  337. history.pushState = ( f => function pushState(){
  338. var ret = f.apply(this, arguments);
  339. window.dispatchEvent(new Event('pushstate'));
  340. window.dispatchEvent(new Event('urlchange'));
  341. return ret;
  342. })(history.pushState);
  343.  
  344. history.replaceState = ( f => function replaceState(){
  345. var ret = f.apply(this, arguments);
  346. window.dispatchEvent(new Event('replacestate'));
  347. window.dispatchEvent(new Event('urlchange'));
  348. return ret;
  349. })(history.replaceState);
  350.  
  351. window.addEventListener('popstate',()=>{
  352. window.dispatchEvent(new Event('urlchange'))
  353. });
  354. }
  355. })();