移動Twitter，Greasemonkey腳本不起作用

Question

我有一個腳本沒有在移動Twitter上執行的問題。我已經在包括FF5，FF8和FF9在內的許多Firefox版本上嘗試過。

我已經使用了最新版本的Greasemonkey。現在我有FF9和GM 0.9.10。我在正常的twitter上執行腳本沒有任何問題，但在移動設備上它不起作用。也許與HTTPS有關？

下面是腳本：

// ==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(); 

我曾嘗試一切可能。另外，檢查了@require替代品並嘗試了它們。我不知道它爲什麼拒絕執行。

Answer 1

所有這一切MainLoop東西不是必需的，也強制錯誤的jQuery實例。

請執行下列操作：

1. 切換回最新穩定版本的Firefox（目前版本6）。

2. 刪除腳本// ==/UserScript==之後的所有內容，但//do something here部分除外。

   1. 請勿使用unsafeWindow.jQuery。
   2. 你不需要任何$(document).ready調用; Greasemonkey默認在適當的時候執行。
   3. 刪除當前setTimeout()來電;他們是反生產力的。

   
   

3. 更改@require指令：

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

   
   

4. 粘貼或鏈接到完整的腳本！當前腳本可能失敗的主要原因是它正在檢查AJAXed-in頁面上的某些內容。
   得到解決，與這樣的代碼：

   //--- 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!'); 
        } 
       } 
   } 
   

---

事實上，這個腳本工作得很好：

// ==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; 
     } 
    } 
} 

如果您登錄到Twitter手機，它將預裝消息框中的推文（但不發送）。

Answer 2

mobile.twitter.com返回其響應下面的HTTP標頭：

X-Content-Security-Policy: allow 'self'; img-src *.twitter.com *.twimg.com maps.google.com data:; media-src *.twitter.com *.twimg.com; style-src *.twitter.com *.twimg.com; frame-ancestors *.twitter.com; script-src *.twitter.com *.twimg.com api-secure.recaptcha.net; report-uri https://mobile.twitter.com/csp_violation_report 

此標頭定義一個Content Security Policy。這裏的重要部分是script-src *.twitter.com *.twimg.com api-secure.recaptcha.net，這會將此頁面上的腳本限制爲幾個域。來自其他域的腳本無法加載，甚至無法加載GreaseMonkey（如果打開錯誤控制檯，您將看到相應的警告）。

我建議你將jQuery粘貼到GreaseMonkey腳本中，而不是嘗試將它注入到網頁中。這會增加腳本的大小，但至少您可以可靠地使用它 - 並且不再需要等待jQuery加載。

附註：我猜測Twitter正在移動網站上測試CSP，它在影響較小的移動網站上也將其部署在主站點上。所以你的主站點的腳本也可能會很快停止工作。

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.