ќсновной метод добавлени¤ содержимого html на страницу с помощью Greasemonkey?

≈сть ли метод Greasemonkey дл¤ добавлени¤ основного содержимого HTML в конец страницы сразу после <body>тега или пр¤мо до его окончани¤?

я нашел методы до / после, но мне нужно знать имена элементов, которые могут мен¤тьс¤ на странице.

javascript,html,greasemonkey,tampermonkey,

8

Ответов: 2


19 прин¤т

Ѕыстрый и гр¤зный способ: используйте только innerHTMLдл¤ совершенно нового контента.

var newHTML         = document.createElement ('div');
newHTML.innerHTML   = '             
    <div id="gmSomeID">             
        <p>Some paragraph</p>       
        etc.                        
    </div>                          
';

document.body.appendChild (newHTML);


ѕолный скрипт, показывающий несколько лучший способ jQuery (и с новой, ECMAScript 6, многострочной строкой):

// ==UserScript==
// @name     YOUR_SCRIPT_NAME
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @grant    GM_addStyle
// ==/UserScript==
//--- The @grant directive is used to restore the proper sandbox.

$("body").append ( `
    <div id="gmSomeID">
        <p>Some paragraph</p>
        etc.
    </div>
` );


ќба метода будут размещать новый контент следующим образом:

<!-- NEW STUFF INSERTED HERE -->
</body>

Ёто хорошее место дл¤ этого.

Ќесмотр¤ на то, что HTML находитс¤ в конце страницы, вы можете использовать CSS дл¤ отображени¤ в любом месте с чем-то вроде:

GM_addStyle ( "                         
    #gmSomeID {                         
        position:       fixed;          
        top:            0px;            
        left:           0px;            
    }                                   
" );

1

≈сли вы не хотите обманывать себ¤ тем, что вам нужно избегать многострочного html - вы можете поместить свой HTML в локальные файлы и загрузить его с помощью GM_getResourceText. ”бедитесь, что вы включили Greasemonkey / Tampermonkey дл¤ использовани¤ локальных файлов.

например:

// ==UserScript==
// @name         Tamper Test
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        file:///C:/david/sandbox/tampermonkey/tamper.html
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js
// @resource html      file:///C:/david/sandbox/tampermonkey/foo.html
// @resource style     file:///C:/david/sandbox/tampermonkey/style.css
// @grant        GM_addStyle
// @grant  GM_getResourceText
// ==/UserScript==


(function() {
    'use strict';

    $("body").append('<div id = "dwj-tamper">new content from tamper script</div>');  

    GM_addStyle(GM_getResourceText("style"));    
    $("body").append(GM_getResourceText("html"));

})();

Ёто решение прекрасно, если тамперскрипт предназначен только дл¤ вас. ¬ы также можете сохранить ресурс в »нтернете. Ќапример:

// @resource pastebin http://pastebin.com/raw/9WfbN24i

//...

 $("body").append(GM_getResourceText("pastebin"));

также работает

введите описание изображени¤ здесь

JavaScript, HTML, Greasemonkey, tampermonkey,
Похожие вопросы