/en-zh-bookmarklet

這是一個將特定多國語系網站進行切換中、英文網頁的瀏覽器書籤小工具

Primary LanguageJavaScriptMIT LicenseMIT

中、英文網頁切換的瀏覽器書籤小工具

工具簡介

開發人員經常會到 Microsoft 或 Google 網站查詢相關文件，由於這些網站經常都會提供多國語系的內容，但並不是每個開發人員都知道要如何快速切換中、英文網頁之間，這個書籤工具就是為了這個用途而生的。近期也陸續增加了許多其他常用文件的中英文件轉換功能，例如 Angular、Bootstrap、jQuery 等等。

主要功能

  • 自動判斷網頁的目前網頁顯示的語系，並且自動切換網頁至另一個語系的網頁版本
  • 本工具僅自動判斷 zh-* 與 en-* 語系之間，任何其他國家語系預設都會切換至英文語系
  • 支援 Google 大部分多國語網站自動切換 (Search, Chrome Help, Image, ...)
  • 支援 Microsoft 大部分多國語網站自動切換 (MSDN, TechNet, Azure, KB, ...)
  • 支援 Bootstrap 4 中英文文件翻譯轉換
    • 針對 getbootstrap.com 與 bootstrap.hexschool.com 網站進行切換 (繁體中文翻譯)
  • 支援 Bootstrap 3 中英文文件翻譯轉換
    • 針對 getbootstrap.com 與 v3.bootcss.com 網站進行切換 (簡體中文翻譯)
  • 支援 Angular 官網中英文文件翻譯轉換
    • 針對 angular.io 與 angular.cn 網站進行切換 (簡體中文翻譯)
  • 支援 jQuery 官網 API 中英文文件翻譯轉換
    • 針對 api.jquery.com 與 www.jquery123.com 網站進行切換 (簡體中文翻譯)

安裝方式

  1. 開啟瀏覽器，並打開瀏覽器的書籤工具列或我的最愛列：
    • Google Chrome 瀏覽器請按下 Ctrl+Shift+B 進行切換。
    • Internet Explorer 瀏覽器請點選主選單的 [檢視] / [工具列] / [我的最愛列] 進行切換。
  2. 將以下超連結 (中-英)，直接利用滑鼠拖曳到書籤工具列或我的最愛列上
  1. 請你手動修改這個 中-英 的超連結，並將超連結改成以下程式碼即可！
javascript:!function(){var o;"https://getbootstrap.com/"===location.href&&(location.href="http://bootstrap.hexschool.com"),location.href.indexOf("//getbootstrap.com/docs/3.3/")>=0&&(location.href=location.href.replace(/getbootstrap\.com\/docs\/3\.3\//i,"v3.bootcss.com/")),location.href.indexOf("//v3.bootcss.com/")>=0&&(location.href=location.href.replace(/v3\.bootcss\.com\//i,"getbootstrap.com/docs/3.3/")),location.href.indexOf("//bootstrap.hexschool.com/")>=0&&(location.href=location.href.replace(/bootstrap\.hexschool\.com/i,"getbootstrap.com")),location.href.indexOf("//getbootstrap.com/docs/4.0/")>=0&&(location.href=location.href.replace(/http(s?)\:\/\/getbootstrap\.com/i,"http://bootstrap.hexschool.com")),location.href.indexOf("//angular.io/")>=0&&(location.href=location.href.replace(/angular\.io/i,"angular.cn")),location.href.indexOf("//angular.cn/")>=0&&(location.href=location.href.replace(/angular\.cn/i,"angular.io")),location.href.indexOf("//www.jquery123.com/")>=0&&(location.href=location.href.replace(/www\.jquery123\.com/i,"api.jquery.com")),location.href.indexOf("//api.jquery.com/")>=0&&(location.href=location.href.replace(/http(s?)\:\/\/api\.jquery\.com/i,"http://www.jquery123.com")),location.hostname.indexOf("google.com")>=0&&(-1==(o=location.search.indexOf("hl="))?0==location.search.indexOf("?")?location.search+="&hl=en-us":location.search+="?hl=en-us":"en"==location.search.substr(o+3,2)?location.search=location.search.replace(/hl=(\w\w)(-\w+)?/i,"hl=zh-Hant"):location.search=location.search.replace(/hl=(\w\w)(-\w+)?/i,"hl=en-us")),location.hostname.indexOf("microsoft.com")>=0&&(o=location.pathname.search(/^\/kb\/\d+/i),location.hostname.indexOf("support.microsoft.com")>=0&&o>=0?location.pathname.search(/^\/kb\/\d+\/?$/i)>=0?location.pathname=location.pathname.replace(/^(\/kb\/\d+)(\/)?(\w\w-\w\w)?$/i,"$1/en-us"):location.pathname.search(/^\/kb\/\d+\/(\w\w)(-\w\w)?/i)>=0?location.pathname.search(/^(\/kb\/\d+\/)en(-\w\w)?$/i)>=0?location.pathname=location.pathname.replace(/^(\/kb\/\d+\/)en(-\w\w)?$/i,"$1zh-tw"):location.pathname=location.pathname.replace(/^(\/kb\/\d+\/)\w\w(-\w\w)?$/i,"$1en-us"):location.pathname=location.pathname.replace(/^(\/kb\/\d+)(\/\w\w-\w\w)?$/i,"$1/en-us"):location.pathname.search(/^\/(\w\w)(-\w\w)?\/?/i)>=0&&(location.pathname.search(/^\/(en)(-\w\w)?(\/)?(.*)/i)>=0?location.pathname=location.pathname.replace(/^\/(en)(-\w\w)?(\/)?(.*)/i,"/zh-tw$3$4"):location.pathname=location.pathname.replace(/^\/(\w\w)(-\w\w)?(\/)?(.*)/i,"/en-us$3$4")))}();

使用方式與範例

  1. 微軟知識庫文件網站 (support.microsoft.com)
  2. 微軟最有價值專家網站 (mvp.microsoft.com)
  3. Microsoft Azure 文件中心 (azure.microsoft.com)
  4. 微軟 MSDN Library ( msdn.microsoft.com )
  5. Web Fundamentals — Google Developers
  6. Angular Official Website
    • 先連到 https://angular.io/ 任何一頁 (顯示英文)
    • 此時點擊書籤工具列或我的最愛列上的中-英書籤連結，這時就會自動切換到簡體中文文件
  7. Bootstrap · The world's most popular mobile-first and responsive front-end framework.
    • 先連到 http://getbootstrap.com/ (顯示英文)
    • 此時點擊書籤工具列或我的最愛列上的中-英書籤連結，這時就會自動切換到繁體中文文件

注意事項

  • 繁體中文用戶建議可搭配 新同文堂 進行繁簡轉換
    • Google Chrome 瀏覽器: 可下載 新同文堂 擴充套件
    • Mozilla Firefox 瀏覽器: 可下載 新同文堂 擴充套件
  • 如果你想支援其他語系，請自行 fork 後修改，也歡迎多多利用 pull request 功能分享你的修改。