私はHtml/Css、Javascript、jQueryでプログラミングする方法を知っています。tampermonkeyにhtml要素を追加する方法
私はTampermonkeyの内部でプログラミングを始めましたが、Tampermonkeyにhtml/cssを実装する方法がわかりません。スクリプトの目的は、既に存在するウェブサイトに追加することです。ウェブサイトに行くときに実行するように既に作成していますが、自分でやってみると何も出ません。私は既にUserScriptの部分を書き、jQueryのUIを追加しました。
私はちょうどそれを行う方法のアイデアを得ることができます、私は単に<div></div>要素を作成し、CSSを使用するだけで、ページ上の他のすべての要素上の目に見えるボックスにしてください。
私はどのように起動するのか分かりませんが、私はおそらく "div"をウェブサイトのbody要素に追加すると考えていますが、これをどうやって操作するのか分かりません。
私はSOのために実行中のスクリプトを持っており、この
// ==UserScript==
// @name Fixed top menu + Inbox notification + Achievement notification
// @author LGSon (Fork of Cameron Bernhardt's (AstroCB) "Fixed Stack Exchange Top Bar")
// @version 1.0
// @description Fixed positioned top bar of Stack Exchange sites and notification in title bar
// @match *://*.stackoverflow.com/*
// @exclude *://api.stackexchange.com/*
// @exclude *://blog.stackexchange.com/*
// @exclude *://blog.stackoverflow.com/*
// @exclude *://chat.stackexchange.com/*
// @exclude *://chat.stackoverflow.com/*
// @exclude *://data.stackexchange.com/*
// @exclude *://elections.stackexchange.com/*
// @exclude *://stackexchange.com/*
// @grant GM_addStyle
// ==/UserScript==
var button = document.createElement("Button");
button.innerHTML = "Title";
button.style = "top:0;right:0;position:absolute;z-index:99999;padding:20px;";
document.body.appendChild(button);