よく使うブックマークレット集

ブックマークレットひな形

javascript: (function () {
  let input = prompt("何か入力してください。", "foo");
  input = input.replace('a', 'a');  // 通常版
  input = input.replace(/a/g, 'a'); // 正規表現版
  prompt("prompt", input);
})();

よく使うJS部品

/*数値ランダム4桁生成*/
let min = 1000;
let max = 9999;
let randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;

/*現在日付yyyymmdd生成*/
const newDate = new Date();
let y = newDate.getFullYear();
let m = ('00' + (newDate.getMonth()+1)).slice(-2);
let d = ('00' + newDate.getDate()).slice(-2);
date = y + '-' + m + '-' + d;

テスト用メールアドレス生成ブックマークレット

javascript: (function () {
    /*現在日付yyyymmdd生成*/
    const newDate = new Date();
    let y = newDate.getFullYear();
    let m = ('00' + (newDate.getMonth()+1)).slice(-2);
    let d = ('00' + newDate.getDate()).slice(-2);
    date = y + '-' + m + '-' + d;

    /*数値ランダム4桁生成*/
    let min = 1000;
    let max = 9999;
    let randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;

    let email = date + "-" + randomNumber + "@co.jp"; /*[e-mail]*/
    prompt("prompt", email); 
})();

DOM操作

document.getElementById("hello").value = "foo";
document.getElementById("hello").onclick;
document.getElementsByClassName('hello').item(0).value = "foo";

let elements = document.getElementsByClassName('hoge');
let len = elements.length;
for (let i = 0; i < len; i++) {
    elements.item(i).style.border="2px solid #0000ff";
}

JSのソースコードを確認する際によく使うサイト

JSソースのコンパイルを確かめるサイト
https://closure-compiler.appspot.com/home

JSソースを整形するサイト
https://lab.syncer.jp/Tool/JavaScript-PrettyPrint/