Github 增强 - 高速下载

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

当前为 2022-02-08 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Github 增强 - 高速下载
  3. // @version 1.8.2
  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.xiu.workers.dev/https://github.com', '美国 2'],
  42. ['https://gh.api.99988866.xyz/https://github.com', '美国 3'],
  43. ['https://github.rc1844.workers.dev', '美国 4'],
  44. ['https://ghgo.feizhuqwq.workers.dev/https://github.com', '美国 5'],
  45. ['https://git.yumenaka.net/https://github.com', '美国 6'],
  46. ['https://download.fastgit.org', '日本'],
  47. ['https://ghproxy.com/https://github.com', '韩国']
  48. //['https://ghproxy.fsou.cc/https://github.com', '香港']
  49. ],
  50. clone_url = [
  51. ['https://gitclone.com', '中国浙江'],
  52. ['https://github.com.cnpmjs.org', '新加坡'],
  53. ['https://hub.fastgit.xyz', '日本东京']
  54. ],
  55. clone_ssh_url = [
  56. ['git@hub.fastgit.xyz', '日本东京'],
  57. ['git@git.zhlh6.cn', '美国']
  58. ],
  59. raw_url = [
  60. ['https://raw.githubusercontent.com', 'Github 原生',''],
  61. //['https://ghproxy.fsou.cc/https://github.com', '中国香港 1', ''],
  62. //['https://pd.zwc365.com/seturl/https://raw.githubusercontent.com', '中国香港 2', ''],
  63. ['https://ghproxy.com/https://raw.githubusercontent.com', '韩国', ''],
  64. ['https://fastly.jsdelivr.net/gh','日本 1', '注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。'],
  65. ['https://cdn.staticaly.com/gh','日本 2', '注意:
 - 该加速是全球 Anycast CDN,国内一般分配到日本节点。'],
  66. ['https://raw.fastgit.org','日本 3', '注意:
 - 单个文件太大时可能会提示超时(实时获取中),请重试。'],
  67. ['https://cdn.jsdelivr.net/gh','美国', '注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。'],
  68. ['https://gcore.jsdelivr.net/gh','香港/日本', '适合 [移动/电信] 用户,移动走香港,电信走日本。

注意:
 - 该加速源存在缓存机制(24小时),所以文件可能不是最新。
 - 当前分支所有文件总文件大小超过 50MB 时,该加速源不可用。
 - 当前 分支名 为版本号格式时(如 v1.2.3),该高速下载链接因格式限制不可用。']
  69. ],
  70. svg = [
  71. '<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>',
  72. '<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>',
  73. '<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>'
  74. ],
  75. 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+';'];
  76. var menu_raw_fast = GM_getValue('xiu2_menu_raw_fast'), menu_menu_raw_fast_ID, menu_feedBack_ID;
  77. if (menu_raw_fast == null){menu_raw_fast = 1; GM_setValue('xiu2_menu_raw_fast', 1)};
  78.  
  79. registerMenuCommand();
  80. // 注册脚本菜单
  81. function registerMenuCommand() {
  82. if (menu_feedBack_ID) { // 如果反馈菜单ID不是 null,则删除所有脚本菜单
  83. GM_unregisterMenuCommand(menu_menu_raw_fast_ID);
  84. GM_unregisterMenuCommand(menu_feedBack_ID);
  85. menu_raw_fast = GM_getValue('xiu2_menu_raw_fast');
  86. }
  87. if (menu_raw_fast > raw_url.length - 1) { // 避免在减少 raw 数组后,用户储存的数据大于数组而报错
  88. menu_raw_fast = 0
  89. }
  90. menu_menu_raw_fast_ID = GM_registerMenuCommand(`${menu_num(menu_raw_fast)} [ ${raw_url[menu_raw_fast][1]} ] 加速源 (☁) - 点击切换`, menu_toggle_raw_fast);
  91. 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});});
  92. }
  93.  
  94. // 切换加速源
  95. function menu_toggle_raw_fast() {
  96. if (menu_raw_fast >= raw_url.length - 1) { // 如果当前加速源位置大于等于加速源总数,则改为第一个加速源,反之递增下一个加速源
  97. menu_raw_fast = 0;
  98. } else {
  99. menu_raw_fast += 1;
  100. }
  101. GM_setValue('xiu2_menu_raw_fast', menu_raw_fast);
  102. delRawDownLink(); // 删除旧加速源
  103. addRawDownLink(); // 添加新加速源
  104. GM_notification({text: "已切换加速源为:" + raw_url[menu_raw_fast][1], timeout: 3000}); // 提示消息
  105. registerMenuCommand(); // 重新注册脚本菜单
  106. };
  107.  
  108. // 菜单数字图标
  109. function menu_num(num) {
  110. return ['0️⃣','1️⃣','2️⃣','3️⃣','4️⃣','5️⃣','6️⃣','7️⃣','8️⃣','9️⃣','🔟'][num]
  111. }
  112.  
  113. addRelease(); // Release 加速
  114. setTimeout(addDownloadZIP, 2000); // Download ZIP 加速
  115. setTimeout(addGitClone, 2000); // Git Clone 加速
  116. setTimeout(addGitCloneSSH, 2000); // Git Clone SSH 加速
  117. addRawFile(); // Raw 加速
  118. setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接(☁),延迟 2 秒执行,避免被 pjax 刷掉
  119.  
  120. document.addEventListener('pjax:success',function(){ // pjax 事件发生后
  121. addRelease(); // Release 加速
  122. setTimeout(addDownloadZIP, 2000); // Download ZIP 加速
  123. setTimeout(addGitClone, 2000); // Git Clone 加速
  124. setTimeout(addGitCloneSSH, 2000); // Git Clone SSH 加速
  125. addRawFile(); // Raw 加速
  126. setTimeout(addRawDownLink, 2000); // 添加 Raw 下载链接(☁),延迟 2 秒执行,避免被 pjax 刷掉
  127. });
  128.  
  129. // 在浏览器返回/前进时重新添加 Raw 下载链接(☁)事件
  130. // Tampermonkey v4.11 版本添加的 onurlchange 事件 grant,可以监控 pjax 等网页的 URL 变化
  131. if (window.onurlchange === undefined) {addUrlChangeEvent();}
  132. window.addEventListener('urlchange', function() {
  133. addRawDownLink_();
  134. if (location.pathname.indexOf('/releases')) {addRelease();}
  135. });
  136.  
  137.  
  138. // Release
  139. function addRelease() {
  140. let html = document.querySelectorAll('.Box-footer'); if (html.length == 0) return
  141. let divDisplay = '';
  142. if (document.documentElement.clientWidth > 1000) {divDisplay = 'float: right;margin-top: -3px;margin-left: 8px;';}; // 调整小屏幕时的样式
  143. for (const current of html) {
  144. if (current.querySelector('.XIU2-RS')) continue
  145. current.querySelectorAll('li.Box-row > a').forEach(function (_this) {
  146. let href = _this.href.split(location.host),
  147. url = '', _html = `<div class="XIU2-RS" style="${divDisplay}">`;
  148.  
  149. // 循环生成 HTML 标签
  150. for (let i=0;i<download_url.length;i++) {
  151. url = download_url[i][0] + href[1]
  152. if (location.host === 'hub.fastgit.org') url = url.replace('hub.fastgit.org','github.com')
  153. if (download_url[i][0] === 'https://download.fastgit.org' && url.indexOf('/archive/') > -1) url = url.replace('https://download.fastgit.org','https://archive.fastgit.org')
  154.  
  155. _html += `<a style="${style[0]}" class="btn" href="${url}" rel="noreferrer noopener nofollow">${download_url[i][1]}</a>`
  156. }
  157. _this.insertAdjacentHTML('afterend', _html + '</div>');
  158. });
  159. }
  160. }
  161.  
  162.  
  163. // Download ZIP
  164. function addDownloadZIP() {
  165. if (document.querySelector('.XIU2-DZ')) return
  166. let html = document.querySelector('.dropdown-menu.dropdown-menu-sw.p-0 ul li:last-child');if (!html) return
  167. let href = html.getElementsByTagName('a')[0].href,
  168. url = '', _html = '';
  169.  
  170. for (let i=0;i<download_url.length;i++) {
  171. url = download_url[i][0] + href.split(location.host)[1]
  172. if (location.host === 'hub.fastgit.org') url = url.replace('hub.fastgit.org','github.com')
  173. if (download_url[i][0] === 'https://download.fastgit.org' && url.indexOf('/archive/') > -1) url = url.replace('https://download.fastgit.org','https://archive.fastgit.org')
  174.  
  175. _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>`
  176. }
  177. html.insertAdjacentHTML('afterend', _html);
  178. }
  179.  
  180.  
  181. // Git Clone
  182. function addGitClone() {
  183. if (document.querySelector('.XIU2-GC')) return
  184. let html = document.querySelector('[role="tabpanel"]:nth-child(2) div.input-group');if (!html) return
  185. let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(location.host),
  186. url = '', _html = '';
  187.  
  188. for (let i=0;i<clone_url.length;i++) {
  189. if (clone_url[i][0] === 'https://gitclone.com') {
  190. url = clone_url[i][0] + '/github.com' + href_split[1]
  191. } else {
  192. url = clone_url[i][0] + href_split[1]
  193. }
  194. _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>`
  195. }
  196. html.insertAdjacentHTML('afterend', _html);
  197. }
  198.  
  199.  
  200. // Git Clone SSH
  201. function addGitCloneSSH() {
  202. if (document.querySelector('.XIU2-GCS')) return
  203. let html = document.querySelector('[role="tabpanel"]:nth-child(3) div.input-group');if (!html) return
  204. let href_split = html.getElementsByTagName('input')[0].getAttribute('value').split(':'),
  205. _html = '';
  206.  
  207. if (href_split[0] != 'git@github.com') return
  208.  
  209. for (let i=0;i<clone_ssh_url.length;i++) {
  210. _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>`
  211. }
  212. html.insertAdjacentHTML('afterend', _html);
  213. }
  214.  
  215.  
  216. // Raw
  217. function addRawFile() {
  218. if (document.querySelector('.XIU2-RF')) return
  219. let html = document.getElementById('raw-url');if (!html) return
  220. let href = location.href.replace(`https://${location.host}`,''),
  221. href2 = href.replace('/blob/','/'),
  222. url = '', _html = '';
  223.  
  224. for (let i=1;i<raw_url.length;i++) {
  225. switch(i) {
  226. //case 1:
  227. // url = raw_url[i][0] + href; break;
  228. case 2:
  229. case 5:
  230. case 6:
  231. url = raw_url[i][0] + href.replace('/blob/','@'); break;
  232. default:
  233. url = raw_url[i][0] + href2;
  234. }
  235. _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>`
  236. }
  237. html.insertAdjacentHTML('afterend', _html);
  238. }
  239.  
  240.  
  241. // 添加 Raw 下载链接(☁)
  242. function addRawDownLink() {
  243. // 如果不是项目文件页面,就返回,如果网页有 Raw 下载链接(☁)就返回
  244. let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;if (location.pathname.indexOf('/tags') > -1) return
  245. let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length > 0) return;
  246.  
  247. // 鼠标指向则显示
  248. var mouseOverHandler = function(evt) {
  249. let elem = evt.currentTarget,
  250. aElm_new = elem.querySelectorAll('.fileDownLink'),
  251. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  252. aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  253. aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  254. };
  255.  
  256. // 鼠标离开则隐藏
  257. var mouseOutHandler = function(evt) {
  258. let elem = evt.currentTarget,
  259. aElm_new = elem.querySelectorAll('.fileDownLink'),
  260. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  261. aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  262. aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  263. };
  264.  
  265. // 循环添加
  266. files.forEach(function(fileElm, i) {
  267. let trElm = fileElm.parentNode.parentNode,
  268. cntElm_a = trElm.querySelector('.css-truncate.css-truncate-target.d-block.width-fit a'),
  269. cntElm_svg = trElm.querySelector('.mr-3.flex-shrink-0 svg.octicon.octicon-file'),
  270. Name = cntElm_a.innerText,
  271. href = cntElm_a.attributes.href.nodeValue.replace(`https://${location.host}`,''),
  272. href2 = href.replace('/blob/','/'), url, url_name, url_tip = '';
  273.  
  274. switch(menu_raw_fast) {
  275. //case 1:
  276. // url = raw_url[menu_raw_fast][0] + href; break;
  277. case 2:
  278. case 5:
  279. case 6:
  280. url = raw_url[menu_raw_fast][0] + href.replace('/blob/','@'); break;
  281. default:
  282. url = raw_url[menu_raw_fast][0] + href2;
  283. }
  284. url_name = raw_url[menu_raw_fast][1]; url_tip = raw_url[menu_raw_fast][2];
  285. 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>`);
  286. // 绑定鼠标事件
  287. trElm.onmouseover = mouseOverHandler;
  288. trElm.onmouseout = mouseOutHandler;
  289. });
  290. }
  291.  
  292.  
  293. // 删除 Raw 快捷下载(☁)
  294. function delRawDownLink() {
  295. let aElm = document.querySelectorAll('.fileDownLink');if(aElm.length === 0) return;
  296. aElm.forEach(function(fileElm) {
  297. fileElm.remove()
  298. })
  299. }
  300.  
  301.  
  302. // 在浏览器返回/前进时重新添加 Raw 下载链接(☁)鼠标事件
  303. function addRawDownLink_() {
  304. // 如果不是项目文件页面,就返回,如果网页没有 Raw 下载链接(☁)就返回
  305. let files = document.querySelectorAll('div.Box-row svg.octicon.octicon-file');if(files.length === 0) return;
  306. let files1 = document.querySelectorAll('a.fileDownLink');if(files1.length === 0) return;
  307.  
  308. // 鼠标指向则显示
  309. var mouseOverHandler = function(evt) {
  310. let elem = evt.currentTarget,
  311. aElm_new = elem.querySelectorAll('.fileDownLink'),
  312. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  313. aElm_new.forEach(el=>{el.style.cssText = 'display: inline'});
  314. aElm_now.forEach(el=>{el.style.cssText = 'display: none'});
  315. };
  316.  
  317. // 鼠标离开则隐藏
  318. var mouseOutHandler = function(evt) {
  319. let elem = evt.currentTarget,
  320. aElm_new = elem.querySelectorAll('.fileDownLink'),
  321. aElm_now = elem.querySelectorAll('svg.octicon.octicon-file');
  322. aElm_new.forEach(el=>{el.style.cssText = 'display: none'});
  323. aElm_now.forEach(el=>{el.style.cssText = 'display: inline'});
  324. };
  325.  
  326. // 循环添加
  327. files.forEach(function(fileElm, i) {
  328. let trElm = fileElm.parentNode.parentNode;
  329. // 绑定鼠标事件
  330. trElm.onmouseover = mouseOverHandler;
  331. trElm.onmouseout = mouseOutHandler;
  332. });
  333. }
  334.  
  335.  
  336. // 自定义 urlchange 事件(用来监听 URL 变化)
  337. function addUrlChangeEvent() {
  338. history.pushState = ( f => function pushState(){
  339. var ret = f.apply(this, arguments);
  340. window.dispatchEvent(new Event('pushstate'));
  341. window.dispatchEvent(new Event('urlchange'));
  342. return ret;
  343. })(history.pushState);
  344.  
  345. history.replaceState = ( f => function replaceState(){
  346. var ret = f.apply(this, arguments);
  347. window.dispatchEvent(new Event('replacestate'));
  348. window.dispatchEvent(new Event('urlchange'));
  349. return ret;
  350. })(history.replaceState);
  351.  
  352. window.addEventListener('popstate',()=>{
  353. window.dispatchEvent(new Event('urlchange'))
  354. });
  355. }
  356. })();