今開いているサイトでサイト内検索するためのブックマークレット

ソースコード

これをブックマークに登録

javascript: (function () {
    let frm = document.createElement("form");
    frm.style.position = "fixed";
    frm.style.top = "10px";
    frm.style.left = "10px";
    frm.style.zIndex = 999999;
    frm.style.width = "300px";
    frm.style.height = "20px";
    frm.action = "https://www.google.co.jp/search";
    let q = document.createElement("input");
    q.type = "text";
    q.name = "q";
    q.style.width = "200px";
    q.onkeydown = function(e){
        if(e.key === 'Escape'){
            frm.parentNode.removeChild(frm);
        }
    };
    frm.appendChild(q);
    let hid = document.createElement("input");
    hid.type = "hidden";
    hid.name = "as_sitesearch";
    hid.value = window.location.hostname;
    frm.appendChild(hid);
    let sub = document.createElement("input");
    sub.type = "submit";
    sub.value = "検索";
    frm.appendChild(sub);
    document.body.appendChild(frm);
    q.focus();
  })();

実行結果

解説

• サイト内検索のためのGoogle検索パラメータを埋め込んだフォームを今開いているbodyにappendChildしているだけ
• エスケープキーで消えるとかはこの手のPOPUPでありがち
• スタイルの調整はあまりしてないので、今開いてるページのスタイルに引っ張られるけど、特に不便はないので、最低限のスタイル調整