ブックマークレット(Bookmaeklet)の書き方

ブックマークレットとは

ブックマークとは別もの？

ブックマークはサイトのURLが記載されていて
ブックマークをクリックするとそのサイトを開くものです。
一方ブックマークレットはJavascriptによるプログラムが書かれていて
クリックすると現在開いているページでプログラムを実行します。

何が出来るの？

プログラムを実行することによって作業の自動化等が出来ます。

どうやって作るの？

最初にブックマークを作成し内容をJavascriptに書き換えます。
この時に内容の先頭はjavascript:としコードは一行で書かなければなりません。

ブックマークレットの書き方

ブックマークレットはjavascriptを一行で書かなければなりません。
以下にある要素を繰り返しクリックする通常のコードを示します。

通常のjavascript

const interval=1000;
const maxCount=100;
let count=0;

const ID=setInterval(()=>{
    if(count < maxCount){
        count++;
        const elem = document.getElementById("elem-id");
        elem.click();
    } else {
        //終了時処理
        clearInterval(ID);
    }
},interval);

次にこれを一行にして先頭にjavascript:を追加したブックマークレットのコードを示します。

ブックマークレット

javascript:const interval=1000;const maxCount=120;let count=0;const ID=setInterval(()=>{if(count<maxCount){count++;const elem=document.getElementById("ID");elem.click();}else{clearInterval(elem-id);}},interval);

となります。
また空白は%20としても構いません。
コードの前後に{}(ブレース)で囲って名前空間を汚さないようにした方が良いかもしれません

ブックマークレット

javascript:{const interval=1000;const maxCount=120;let count=0;const ID=setInterval(()=>{if(count<maxCount){count++;const elem=document.getElementById("ID");elem.click();}else{clearInterval(elem-id);}},interval);}

以上がブックマークレットの書き方の簡単な説明です。
読んでくれて有難うございます

My Accounts