摘要：的安全模式提供一個(gè)安全環(huán)境訪問(wèn)互聯(lián)網(wǎng)搜索框關(guān)鍵詞列表搜索按鈕搜索結(jié)果搜索分頁(yè)搜索安全搜索廣告已過(guò)濾視頻圖片過(guò)濾搜索結(jié)果中的廣告，和無(wú)效結(jié)果上鍵，下鍵上鍵下鍵

效果見(jiàn)圖：

不為別的，怕家人搜索到不該搜索的東西、致命的毒藥，醫(yī)院....

代碼邏輯目前比較簡(jiǎn)單，只實(shí)現(xiàn)了接口調(diào)用，還沒(méi)有進(jìn)行過(guò)多邏輯判斷，這里跟大家分享的目的也是希望人人都能使用安全衛(wèi)生的搜索環(huán)境：

完整代碼：（需要油猴瀏覽器插件）
背景圖是采集的bing.com的，會(huì)動(dòng)態(tài)跟隨變化。

// ==UserScript==
// @name         jsoncode的安全模式
// @namespace    test
// @version      0.1
// @description  提供一個(gè)安全環(huán)境訪問(wèn)互聯(lián)網(wǎng)
// @author       jsoncode
// @match        http://**/*
// @match        https://**/*
// @require      https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
// @grant        GM_xmlhttpRequest
// @grant        GM.getResourceUrl
// @grant        unsafeWindow
// @run-at       document-start ==/ document-end context-menu==
// ==/UserScript==

var q = jQuery.noConflict();
(function() {
    if (location.host == "www.baidu.com") {
        baidu_setTitle();
        baidu_clearBody();
        addStyle();
        addHtml();
        // 搜索框
        var input = q("#search-input");
        // 關(guān)鍵詞列表
        var inputList = q("#search-input-list");
        // 搜索按鈕
        var searchBtn = q("#searchBtn");
        // 搜索結(jié)果
        var content = q("#content—result");
        // 搜索分頁(yè)
        var pagination = q("#pagination");

        input.focus();
        input.on("keydown", function(e) {
            if (e.keyCode === 38 || e.keyCode === 40) {
                baidu_upAndDown(e);
                inputList.show();
            } else if (e.keyCode === 13) {
                baidu_search(input.val())
                inputList.hide();
            } else {
                var searchKeyword = q(this).val();
                baidu_getKeyWord(searchKeyword);
                inputList.show();
            }
        });

        searchBtn.click(function() {
            baidu_search(input.val());
        });

        q(document).click(function(e) {
            baidu_toggleList(e);
        });
        setTimeout(function() {
            console.clear();
            q("[href*="bdstatic"],[src*="bdstatic"]").remove();
        }, 1000);
    }


    function addStyle() {
        q("head").append("");
        var style = `
            
            `;
        q("head").append(style);
    }

    function addHtml() {
        q("body").css({
            overflow: "hidden"
        }).append(`
            

                

                    

                        

                            
                            

                            

                                

                            
                        
                        

                            搜索
                        
                    
                
                

                    

                        

                        
                    
                
            
        `);
    }

    function baidu_setTitle(title) {
        document.title = title || "安全搜索-廣告已過(guò)濾"
    }

    function baidu_clearBody() {
        document.head.innerHTML = "";
        document.body.innerHTML = "";
        getBg(function(img) {
            q("body").css({
                backgroundImage:`url(${img})`
            })
        });
    }

    function baidu_getKeyWord(keyword, back) {
        var callback = back || function() {};
        var t1 = new Date().getTime();
        var t2 = t1 + 210;
        inputList.show();
        GM_xmlhttpRequest({
            method: "GET",
            url: `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${keyword}&json=1&p=3&sid=26524_1464_21098_26350_22160&req=2&bs=&csor=3&pwd=cs&cb=jQuery110208264721847970322_${t1}&_=${t2}`,
            onload: function(response) {
                var objStr = response.responseText.match(/(?<=[w+])(([sS]+)(?=))/)[1].replace(/"/g, """);
                var list = JSON.parse(objStr).s;
                list = list.concat(["視頻", "圖片", "api"].map(function(item) {
                    return keyword + " " + item;
                }));
                var html = "";
                list.forEach(function(item, i) {
                    html += "
" + item + "
";
                });
                inputList.html(html);
                callback()
            },
            onerror: function(reponse) {
                alert("error");
            }
        });
    }

    function baidu_search(value) {
        if (value === null || value === "") {
            return;
        }
        GM_xmlhttpRequest({
            method: "GET",
            url: `https://www.baidu.com/s?ie=utf-8&mod=11&isbd=1&isid=10FCC76279E92878&ie=utf-8&f=8&rsv_bp=0&rsv_idx=1&tn=baidu&wd=${encodeURIComponent(value)}&rsv_pq=ab4cc49200041a6f&rsv_t=8dfcL6IoYXAYa2vQiTntndpQUwLw3pJRQXVhnn9xy30VSdRSNNnie3QwINA&rqlang=cn&rsv_enter=1&rsv_sug3=6&rsv_sug1=6&rsv_sug7=101&rsv_sid=26524_1464_21098_26350_22160&_ss=1&clist=&hsug=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88&csor=2&pstg=5&_cr1=28874`,
            onload: function(response) {
                var str = response.responseText.replace(/(data-click|style|tpl)="[^"]+"|/gi, "");
                var dom = q(str);
                var list = dom.find("#content_left").children()
                var page = dom.find("#page a");
                var htmlList = [];
                list.each(function(i, item) {
                    // 過(guò)濾搜索結(jié)果中的廣告，和無(wú)效結(jié)果
                    // if (q(item).hasClass("result")) {
                    htmlList.push(`

                            

                              
${item.outerHTML}
                            
                        
`);
                    // }
                });
                var html = `
${htmlList.join("")}
`;
                content.html(html);

                // var pageHtml = [];
                // page.each(function(i, item) {
                //     q(item).addClass("page-link").find(".fk").remove();
                //     pageHtml.push(`
${item.outerHTML}
`);
                // });
                // pagination.html(pageHtml.join(""));
                inputList.hide();
                input.blur();
            },
            onerror: function(reponse) {
                alert("error");
                inputList.hide();
            }
        });
    }

    function baidu_upAndDown(e) {
        var keyCode = e.keyCode; //30上鍵，40下鍵
        inputList.show();
        e.preventDefault();
        var list = inputList.children();
        if (list.length) {
            var current = inputList.children(".current");
            if (current.length) {
                var index = current.data("index");
                // 上鍵
                if (keyCode === 38) {
                    if (index == 0) {
                        list.last().addClass("current").siblings().removeClass("current");
                    } else {
                        list.eq(index - 1).addClass("current").siblings().removeClass("current");
                    }
                } else {
                    // 下鍵
                    if (index >= list.length - 1) {
                        list.first().addClass("current").siblings().removeClass("current");
                    } else {
                        list.eq(index + 1).addClass("current").siblings().removeClass("current");
                    }
                }
            } else {
                list.first().addClass("current");
            }
            var value = inputList.children(".current").text();
            input.val(value);
        }
        return false;
    }

    function baidu_toggleList(e) {
        if (e.target.id === "search-input" || e.target.id === "search-input-list") {
            inputList.show();
        } else {
            if (e.target.closest("#search-input-list")) {
                q(e.target).addClass("current").siblings().removeClass("current");
                var value = q(e.target).text();
                input.val(value);
                baidu_search(value);
            }
            inputList.hide();
        }
    }

    function getBg(back) {
        GM_xmlhttpRequest({
            method: "GET",
            url: `https://cn.bing.com/`,
            onload: function(response) {
                var img = "https://cn.bing.com" + response.responseText.match(/#bgDiv{[^)]+)/ig)[1].match(/url(([^)]+)?)/)[1];
                back(img);
            },
            onerror: function(reponse) {}
        });
    }

})();