someones else webpageを使用して、私の友人にコンセプトを示したいと思います。誰かのウェブページに自分のレイヤーを追加するにはどうすればいいですか? Greasemonkeyはうまくいくだろうか?誰かのウェブページに自分のレイヤーを追加するにはどうしたらいいですか?
0
A
答えて
1
greasemonkeyで行うことができます。 z-index
とposition:fixed
またはposition:absolute
のいずれかをもう1つdiv
に作成する必要があります。
0
おそらく最も簡単な方法は、File -> Save As
の作業と結果のファイルの編集です。動的に行うためにGreaseMonkeyスクリプトを作成することもできますが、quick hi-5の作業のように思えます。
1
はい、GreasemonkeyはページDOM要素を追加(または削除または変更)することでこれを行うことができます。
// ==UserScript==
// @name _Add a "layer" to a webpage
// @namespace Stack Overflow
// @include http://stackoverflow.com/*
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// ==/UserScript==
$("body").prepend (
'<div id="gmLayerWrapper">'
+ '<p>All your overflow are belong to us.<br>'
+ '<img src="http://2.bp.blogspot.com/-hEJb82Ni7V8/TrnNc8Ljj3I/AAAAAAAABG4/Ow2GnJyDo74/s400/UnicornRainbow.jpg"'
+ ' alt="They\'re everywhere!">'
+ '</p>'
+ '<div id="gmTransparentFilm"></div>'
+ '</div>'
);
$("#gmLayerWrapper").width ($(window).width ())
.height ($(window).height())
;
//--- Fudge our text width for aesthetics.
$("#gmLayerWrapper p").width ($(window).width()/2)
GM_addStyle ((<><![CDATA[
#gmLayerWrapper {
margin: 0;
padding: 0;
position: fixed;
top: 0;
left: 0;
min-width: 200px;
}
#gmTransparentFilm {
margin: 0;
padding: 0;
background: red;
opacity: 0.7;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 666;
}
#gmLayerWrapper p {
padding: 0.5em 1.5em;
margin: 1em auto;
background: white;
border-radius: 2em;
font-size: 30px;
line-height: 2.5;
text-align: center;
vertical-align: middle;
min-width: 4em;
position: relative; /*Required for z-index*/
z-index: 888;
}
]]></>).toString());
それは使用しています:
- CSS
- jQuery
- とGreasemonkey ここ はオーバーフローのページをスタックに "レイヤーを追加します" というスタータースクリプトです
これを行うには
関連する問題
- 1. バックエンドに自分のjoomlaテンプレートにCSSスタイルを追加するにはどうしたらいいですか?
- 2. DirectXに自分のフォントを追加するにはどうしたらいいですか?
- 3. ユーザーが自分のウェブサイトから自分のページに自分のアプリケーションを追加できるようにするにはどうすればよいですか?
- 4. 編集したオープンソースプロジェクトを自分のプロジェクトに追加するにはどうすればいいですか?
- 5. 親レコードの部分レコードから関連レコードを追加するにはどうしたらいいですか?
- 6. ケラスに2つの出力分類レイヤーを追加するにはどうすればよいですか?
- 7. ウェブページの半分にスプレーペイントグラデーションを追加するにはどうすればよいですか?
- 8. Prestashopに独自のカスタムCSSとHTMLを追加するにはどうしたらいいですか?
- 9. divに部分ビューの結果を追加するにはどうしたらいいですか?
- 10. Tensorflow、いくつかの新しいレイヤーが追加されたらモデルを復元するにはどうしたらいいですか?
- 11. intellijにjunit.jarを追加するにはどうしたらいいですか?
- 12. gulpfileにビルドタスクを追加するにはどうしたらいいですか?
- 13. wiresharkにカスタムプロトコルアナライザを追加するにはどうしたらいいですか?
- 14. プログラムにGUIを追加するにはどうしたらいいですか?
- 15. PATHにMATLABを追加するにはどうしたらいいですか?
- 16. codeigniterに.envを追加するにはどうしたらいいですか?
- 17. PHPMailerにブレークラインを追加するにはどうしたらいいですか?
- 18. hadoopでファイルに追加するにはどうしたらいいですか?
- 19. rxjsを拡張して自分のオペレータを追加するにはどうすればいいですか?
- 20. 追加の「サービス」またはBLLレイヤーをいつ追加するのですか?
- 21. Ubuntuで自分のパスにディレクトリを追加するにはどうすればいいですか?
- 22. スラックAPIでスラックチャットボックスに自分のボタンを追加するにはどうすればいいですか?
- 23. Androidデバイスから自分のコンピュータのローカルホストにアクセスするにはどうしたらいいですか?
- 24. Mapbox GLのgeojsonレイヤーからテキストフィールドを追加するにはどうすればよいですか?
- 25. 別のレイヤーからシーンからレイヤーを削除するにはどうすればいいですか? (Cocos2d)
- 26. クラスタでライブラリを追加するにはどうしたらいいですか?
- 27. Tridionに追加のマルチメディアタイプを追加するにはどうしたらいいですか?
- 28. bible.orgウィジェットを自分のサイトに追加するにはどうすればいいですか?
- 29. リモートから自分のWebページにアクセスするにはどうしたらいいですか?
- 30. 自動スライドショーにボタンを追加するにはどうしたらいいですか?
Greasemonkeyで試しましたか? – epascarello