Github 增强 - 高速下载

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

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

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