前言

最近再看犀牛書《JavaScript權威指南》，當中的小例子我發現自己沒法除錯它zzz，於是就想到把它嵌入到瀏覽器裡面，主要是使用的油猴再加上自己的js指令碼

環境

tampermonkey v4.6 油猴
ubuntu 18
chrome

油猴新增指令碼

點選這邊的新增指令碼，然後在介面的指令碼頁面中輸入自己的指令碼程式碼，就可以了。

測試程式碼

// ==UserScript==
// @name         搜尋引數顯示
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  顯示搜尋的引數
 

// @author       You
// @include      https://www.baidu.com/*
// @grant        none
// ==/UserScript==

alert("Hello world");

function urlArgs() {
    var query = window.location.search.substring(1);
    console.log(query);
    var spArray = query.split("&");
    var args = {};
    for (var i = 0; i < spArray.length; i++) {
        var
 
 flag = spArray[i].indexOf("=");
        var key = spArray[i].substring(0, flag);
        var value = spArray[i].substring(flag + 1);
        value = decodeURIComponent(value);
        args[key] = value;
    }
    return args;
}

var result = urlArgs();
for (var key in result) {
    console.log("鍵: "
 
+key+" 值: "+result[key]);
}

解釋一下這邊的@include 它的意思是在哪些網站上使用，我這裡用的是百度,*代表萬用字元

效果

從chrome的控制檯中，我們可以看到自己的程式碼執行的結果，還是比較方便的