Question

I have this problem with a script not executing on mobile twitter. I have tried it on many versions of Firefox including FF5, FF8, and FF9.

I have used the latest versions of Greasemonkey. Right now I have FF9 with GM 0.9.10. I do not have any problems executing the script on the normal twitter but on mobile it does not work. Maybe has something to do with HTTPS?

Here is the script:

// ==UserScript==
// @name           Twitter Mobile
// @namespace      http://www.test.com
// @include        https://mobile.twitter.com/*
// @require        http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
// ==/UserScript==

function MainLoop() {

if(typeof unsafeWindow.jQuery == 'undefined') {
    window.setTimeout(MainLoop, 100);
    return;
}

var $ = unsafeWindow.jQuery;

$(document).ready(function(){
          //do something here
});
window.setTimeout(MainLoop, 2000);
}

MainLoop();

I have tried everything possible. Also, checked the @require alternatives and tried them. I do not know why it refuses to execute.

Answer 1

All that MainLoop stuff is not required, and also forcing the wrong instance of jQuery.

Please do the following:

1. Switch back to the latest stable version of Firefox (Currently version 6).

2. Delete everything after // ==/UserScript== in the script except the //do something here part.

   1. Do not use unsafeWindow.jQuery.
   2. You do not need any $(document).ready calls; Greasemonkey executes at the proper time by default.
   3. Delete the current setTimeout() calls; they are counter productive.

3. Change the @require directive to:

   // @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
   

4. Paste or link to the complete script! The current script is probably failing mostly because it’s checking for something on the page that is AJAXed-in.
   get around that with code like this:

   //--- This handles both page-load delays, and AJAX changes.
   setInterval (function() { checkForTweetbox (); }, 500);
   
   function checkForTweetbox () {
       var tweetbox = document.querySelector ('div.tweet-box textarea');
       if (tweetbox) {
           if (! tweetbox.weHaveProcessed) {
               tweetbox.weHaveProcessed    = true;
               alert ('New tweet-box found!');
           }
       }
   }
   

---

In fact, this script works perfectly well:

// ==UserScript==
// @name            _mobile twitter
// @include         https://mobile.twitter.com/*
// @require         http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// ==/UserScript==

setInterval (function() { checkForTweetbox (); }, 500);

function checkForTweetbox () {
    var tweetbox = document.querySelector ('#message_text');
    if (tweetbox) {
        if (! tweetbox.weHaveProcessed) {
            tweetbox.weHaveProcessed    = true;
            tweetbox.value              = 'GM\'s jQuery version is: ' + $.fn.jquery;
        }
    }
}

If you are logged into twitter mobile, it will preload a tweet in the message box (but not send).