GitHub Star 過萬，這款神器必須安利！

“

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

”

‍大家好，我來了。

今天跟大家推薦一款開源神器，用上後，保證絕對大幅度提升你的 GitHub 使用體驗。

這款工具名叫 Git History，是來自阿根廷的一位開發者 Rodrigo Pombo 所開發，自 2019 年年初上線以來，已在 GitHub 上累積接近 12000 Star。

從上面示例我們可以清楚看到，Git History 主要作用，是讓你能快速檢視 GitHub 檢視檔案的 Git 歷史。而要做到這一切，只需將倉庫域名中的 github.com 替換為 github.githistory.xyz 即可。‍

除了 GitHub 之外，該工具還 GitLab、Bitbucket 等知名的原始碼託管平臺。

如果你不想每次都手動替換連結，也可以安裝作者提供的 Chrome、Firefox 等瀏覽器外掛來一鍵切換。

如果說，你連外掛都懶得裝，也可以直接用作者提供的 bookmarklet 程式碼。

部分非前端出身的水友，可能對 bookmarklet 不太熟悉，這裡順道跟大家簡單科普下。

bookmarklet，亦稱小書籤，是一種微型 Web 應用，開發者通過將程式碼（通常是 JavaScript）存入瀏覽器書籤，以構建出一個完整的小應用。

當開發者成功將程式碼儲存進書籤後，每次點選書籤，程式碼便會自動執行。

藉助這個功能，我們便可以用它來寫一些比較簡單的 Web 應用，如給當前頁面新增元件、匯出網頁資料、彈出提示框等基礎功能。

由於 bookmarklet 不是本章要講述的重點，感興趣的同學，可看下阮一峰老師之前寫的這篇教程：

http://www.ruanyifeng.com/blog/2011/06/a_guide_for_writing_bookmarklet.html

說白了，建立一個 bookm‍arklet‍，主要通過以下幾步來完成‍：

1. 編寫適用於當前瀏覽器的 JavaScript 程式碼；

2. 將該程式碼進行轉義，並存入書籤；

3. 開啟書籤，執行程式碼。

對這塊有興趣的同學，想自己做一個的同學，小 G 給你們介紹個工具，可幫你快速將程式碼合成連結書籤。

具體使用流程如下：

工具地址：

https://mrcoles.com/bookmarklet/

現在，我們回到剛剛那個話題：如何為 Git History 建立一個 bookmarklet？

作者很貼心的給出了相應的 JavaScript 程式碼，你只需要用上面那款 bookmarklet 轉化工具，結合下方程式碼，即可快速完成。‍

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");

  }

})();

到這一步，相信你應該學會這款工具的基本使用與配置了。

如果你平時覺得 GitHub 提供的 History 功能不太好用，那麼建議你試下這款工具。

最後，再次附上該專案的 GitHub 地址，感興趣的同學可以看下：

https://github.com/pomber/git-history

推薦閱讀
1
JavaScript 逆向爬取實戰
2
JavaScript 逆向爬取實戰（下）
3
如何優雅地實現在 Python 退出時強制執行一段程式碼
4‍‍
總結一些網站加密和混淆技術

好文和朋友一起看~

來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/31557738/viewspace-2690186/，如需轉載，請註明出處，否則將追究法律責任。