GitHub Star 過萬,這款神器必須安利!

“

閱讀本文大概需要 3 分鐘。

”?大家好，我來了。今天跟大家推薦一款開源神器，用上后，保證絕對大幅度提升你的 GitHub 使用體驗(yàn)。這款工具名叫 Git History，是來自阿根廷的一位開發(fā)者 Rodrigo Pombo 所開發(fā)，自 2019 年年初上線以來，已在 GitHub 上累積接近 12000 Star。

從上面示例我們可以清楚看到，Git History 主要作用，是讓你能快速查看 GitHub 查看文件的 Git 歷史。而要做到這一切，只需將倉庫域名中的 github.com 替換為 github.githistory.xyz 即可。?除了 GitHub 之外，該工具還 GitLab、Bitbucket 等知名的源碼托管平臺。如果你不想每次都手動替換鏈接，也可以安裝作者提供的 Chrome、Firefox 等瀏覽器插件來一鍵切換。

如果說，你連插件都懶得裝，也可以直接用作者提供的 bookmarklet 代碼。
部分非前端出身的水友，可能對 bookmarklet 不太熟悉，這里順道跟大家簡單科普下。bookmarklet，亦稱小書簽，是一種微型 Web 應(yīng)用，開發(fā)者通過將代碼（通常是 JavaScript）存入瀏覽器書簽，以構(gòu)建出一個完整的小應(yīng)用。當(dāng)開發(fā)者成功將代碼保存進(jìn)書簽后，每次點(diǎn)擊書簽，代碼便會自動運(yùn)行。借助這個功能，我們便可以用它來寫一些比較簡單的 Web 應(yīng)用，如給當(dāng)前頁面新增組件、導(dǎo)出網(wǎng)頁數(shù)據(jù)、彈出提示框等基礎(chǔ)功能。由于 bookmarklet 不是本章要講述的重點(diǎn)，感興趣的同學(xué)，可看下阮一峰老師之前寫的這篇教程：http://www.ruanyifeng.com/blog/2011/06/a_guide_for_writing_bookmarklet.html說白了，創(chuàng)建一個 bookm?arklet?，主要通過以下幾步來完成?：

1. 編寫適用于當(dāng)前瀏覽器的 JavaScript 代碼；

2. 將該代碼進(jìn)行轉(zhuǎn)義，并存入書簽；

3. 打開書簽，運(yùn)行代碼。

對這塊有興趣的同學(xué)，想自己做一個的同學(xué)，小 G 給你們介紹個工具，可幫你快速將代碼合成鏈接書簽。具體使用流程如下：

工具地址：https://mrcoles.com/bookmarklet/現(xiàn)在，我們回到剛剛那個話題：如何為 Git History 創(chuàng)建一個 bookmarklet？作者很貼心的給出了相應(yīng)的 JavaScript 代碼，你只需要用上面那款 bookmarklet 轉(zhuǎn)化工具，結(jié)合下方代碼，即可快速完成。?

javascript: (function() {

 ?var url = window.location.href;

 ?var regEx = /^(https?\:\/\/)(www\.)?(github|gitlab|bitbucket)\.(com|org)\/(.*)$/i;

 ?if (regEx.test(url)) {

 ? ?url = url.replace(regEx, "$1$3.githistory.xyz/$5");

 ? ?window.open(url, "_blank");

  } else {

 ? ?alert("Not a Git File URL");

  }

})();

到這一步，相信你應(yīng)該學(xué)會這款工具的基本使用與配置了。如果你平時覺得 GitHub 提供的 History 功能不太好用，那么建議你試下這款工具。最后，再次附上該項(xiàng)目的 GitHub 地址，感興趣的同學(xué)可以看下：https://github.com/pomber/git-history

推薦閱讀

1

JavaScript 逆向爬取實(shí)戰(zhàn)

2

JavaScript 逆向爬取實(shí)戰(zhàn)（下）

3

如何優(yōu)雅地實(shí)現(xiàn)在 Python 退出時強(qiáng)制運(yùn)行一段代碼

4??

總結(jié)一些網(wǎng)站加密和混淆技術(shù)

好文和朋友一起看~