![](/img/trans.png)
[英]How can I open a webpage within a Java app and run my own javascript code
[英]How can I add my own layer on someones webpage?
我想向其他朋友展示一個概念,使用其他人的網頁。 如何在某人的網頁上添加自己的圖層? Greasemonkey會起作用嗎?
你可以用greasemonkey這樣做。 您將不得不使用正確的z-index
創建一個或多個div
,並且position:fixed
或position:absolute
。
是的,Greasemonkey可以通過添加(或刪除或更改)頁面DOM元素來實現此目的。
這是一個“添加圖層”到Stack Overflow頁面的入門腳本:
// ==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 () );
它用:
實現這一目標。
可能最簡單的方法是File -> Save As
他們的工作並編輯生成的文件。 您可以創建一個GreaseMonkey腳本來動態地執行此操作,但對於快速的Hi-5來說,這聽起來像是很多工作。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.