CSSを必要としない軽量ダイアログプラグ

Question

CSSを必要としない軽量なダイアログプラグインを探しています。 私はcssファイルを含めることができないという意味のuserscriptに必要です

アイデアはありますか？

Answer 1

JavaScriptを使用して作成したスタイルタグのinnerHTMLを設定するだけです。このようにして、インラインスタイルシートを取得します。

など。

var styleText = "body { background-color: red } div { color: lime }"; 
var styleBlock = document.createElement("style"); 
styleBlock.innerHTML = styleText; 
document.head.appendChild(styleBlock); 

もう一つのアイデアは、CSSファイルのdataURIを使用することです。例えば

var linkEl = document.createElement("link"); 
linkEl.href = "data:text/css;base64,Ym9keSB7IGJhY2tncm91bmQtY29sb3I6YmxhY2sgfQo="; 
linkEl.rel = "stylesheet"; 
linkEl.type = "text/css"; 
document.head.appendChild(linkEl); 

Answer 2

たとえば、リモートドメインからcssファイルを動的に挿入することができます。これは、たとえばdisqusのようなものです。

var link = document.createElement('link') 
link.rel = 'stylesheet' 
link.href = 'http://yourhost.com/your.css' 

あなたのCSSは、IDやクラス名を使用してスタイルを制限することにより、ユーザーのサイトのスタイルと衝突の低いチャンスがあることを確認するために作ると思います。