東京工科大学 学生ポータルのこうかとんをハメドリ君にする拡張

content.js

window.addEventListener("load", () => {
  const kokatonDOM = document.getElementById("kokaton");
  console.log(kokatonDOM);
  //とりあえずDOMを消す
  kokatonDOM.innerHTML = "";

  //バルーンを作る
  const balloon = document.createElement("div");
  balloon.innerHTML = "<p>東京工科大学公式マスコットキャラクター ハメドリくんだハメ!</p>";
  balloon.setAttribute("id", "kt_balloon");
  kokatonDOM.appendChild(balloon);

  // ハメドリ君を作る
  const hamedoriImg = document.createElement("img");
  hamedoriImg.setAttribute("src", "https://qruppo.com/products/nukitashi/img/character/character10.png");
  hamedoriImg.setAttribute("width", "80px");
  kokatonDOM.appendChild(hamedoriImg);
}, false);

manifest.json

{
  "name": "こうかとんをハメドリ君にするやつ",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "こうかとんをハメドリ君にするやつ",
  "content_scripts": [{
    "matches": ["https://service.cloud.teu.ac.jp/*"],
    "js": [
      "content.js"
    ],
    "run_at": "document_end",
    "all_frames": true
  }]
}