Greymonkey 插入 JavaScript

Question

我有一个小书签，单击该小书签包含一个 PHP 脚本（评估为 JavaScript 文件）到页面上的几个表值并选择作为 GET 参数传递的值。 PHP脚本将页面数据写入MySQL数据库，并输出成功消息，该消息被视为JavaScript代码并由浏览器执行。是否有可能使用greasemonkey 来执行此操作，并在单击网页上的现有按钮时调用此函数。

受本教程的启发，我编写了上述书签。

http://tutorialzine.com/2010/04/simple -bookmarking-app-php-javascript-mysql/

这是书签代码：

(function () {
var jsScript = document.createElement('script');

jsScript.setAttribute('type', 'text/javascript');

jsScript.setAttribute('src', '/bookmark.php?url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));

document.getElementsByTagName('head')[0].appendChild(jsScript);
})();

请帮助我。

Answer 1

我们经常这样做。
这是一个适合您的脚本，只需编辑 @include 语句以匹配将使用 Greasemonkey 脚本的页面即可。

另外，/bookmark.php 可能需要更改为完整地址，而不是相对地址。

//
// ==UserScript==
// @name            Adding a live button
// @namespace       http://www.google.com/
// @description     Adds a custom bookmarking button.
// @include         http://www.google.com/*
// ==/UserScript==
//


function LocalMain ()
{

    /*--- Create a button in a container div.  It will be styled and postioned with CSS.
    */
    var zNode       = document.createElement ('div');
    zNode.innerHTML = '<form id="idMyForm" method="get" action="">'
                    + '  <p><input type="submit" id="idMySubmitBtn" value="Bookmark it"></p>'
                    + '</form>'
                    ;
    zNode.setAttribute ('id', 'idBookMarkBtnContainer');

    document.body.appendChild (zNode);

    zNode.addEventListener ("submit", BookmarkButtonAction,   false);
}


function BookmarkButtonAction (zEvent)
{
    zEvent.preventDefault();

    var jsScript    = document.createElement('script');

    jsScript.setAttribute('type', 'text/javascript');

    /*--- Is "/bookmark.php" going to work on all target pages?
    */
    jsScript.setAttribute('src', '/bookmark.php?url=' + encodeURIComponent(location.href) + '&title=' + encodeURIComponent(document.title));

    document.getElementsByTagName('head')[0].appendChild(jsScript);

    return false;
}


window.addEventListener ("load", LocalMain, false);
//LocalMain();


GM_addStyle
(
   '#idBookMarkBtnContainer                         \
    {                                               \
        position:               absolute;           \
        top:                    0;                  \
        left:                   0;                  \
                                                    \
        background:             orange;             \
        border:                 3px double #999999; \
        margin:                 5px;                \
        opacity:                0.9;                \
        z-index:                222;                \
                                                    \
        min-height:             10px;               \
        min-width:              20px;               \
        padding:                5px 20px;           \
    }                                               \
    #idMySubmitBtn                                  \
    {                                               \
        cursor:                 pointer;            \
    }                                               \
   '
);

Answer 2

使其成为一个实际的命名函数，而不是一个闭包（就在 Greasemonkey 脚本中），然后将该函数添加为所述按钮的 onclick= 事件，直接内嵌在实际函数的下方。

尽管如此，为此目的劫持预先存在的网页按钮并不安全，也不是官方祝福的方法 - 将其附加到 Greasemonkey 菜单命令并从那里启动它（右键单击菜单的小猴子图标）。