Jenkins自定义搜索框，快速查找分支

        你是否会像下图一样，因为分支太多，下拉又不支持搜索，使得找起来眼花缭乱。
        甚至有时候你的小伙伴可能还有点特殊的癖好（把分支名字定义的无限与想要打包的分支过分相似....）。此时在这个分支云集的汪洋大海里，最大的感受可能就是一种太监逛青楼的无力感吧。
        

---

        ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓话不对说，手码一个搜索框↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

---

 第一步：
        下载一个【篡改猴测试版】，可度娘一下，亦可由此获取（链接: 百度网盘 请输入提取码 提取码: abc1 复制这段内容后打开百度网盘手机App，操作更方便哦）

第二步：

        在浏览器（谷歌）-扩展程序中添加上述扩展程序

    

第三步

        点击【扩展程序选项】

第四步

        点击添加脚本

第五步

        脚本片段

// ==UserScript==
// @name         jenkins 分支模糊搜索
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       嘟嘟不吃酸菜爱吃鱼
// @match        http://*/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=1.207
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
     const mainpanel = document.getElementById('main-panel')
     const input = document.createElement('input')
     input.placeholder='搜索分支'
     input.id='cb-search'
     input.style.width = '200px'
     input.style.height = '40px'
     input.style.position = 'fixed'
     input.style.top = '20vh'
     input.style.right = '20vw'
     input.style.padding = '0 14px'
     input.style.border = '2px solid pink'
     input.style.borderRadius = '10px'
     input.style.outline = 'none'
     mainpanel.appendChild(input)

     const branchWrapper = document.getElementById('gitParameterSelect')
     const options = branchWrapper.getElementsByTagName('option')
     const searchBox = document.getElementById('cb-search')

     searchBox.addEventListener('keyup', (e) => {
         const keyword = e.target.value
         for (var i = 0; i < options.length; i++) {
             if (options[i].innerHTML.indexOf(keyword) === -1) {
                 options[i].style.display = 'none';
             } else {
                 options[i].style.display = 'block';
             }
         }
     })

    const versionInput = document.getElementsByClassName('jenkins-input')[0]
    const value = localStorage.getItem('jenkinsVersion') || 'v'
    versionInput.value = value
    versionInput.addEventListener('change', (e) => {
       localStorage.setItem('jenkinsVersion',versionInput.value)
    })
})();

第六步

        设置中添加【用户包括】，如：*://www.baidu.com/*。避免所有页面都会展示这个搜索框

        
        

---

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓最终效果 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

---

nice~