Chrome擴展程序JavaScript程序無法正常工作

Question

我正在從這里的教程中學習chrome擴展編程。

您可以在此處找到chrome擴展程序的完整代碼。

我試圖刪除一些鏈接的代碼片段：

var clean_twitter = function(){
  var ugly = [];
  ugly.push('.Trends module trends');
  ugly.push('.flex-module');
  ugly.push('.MomentMakerHomeModule-header');
  ugly.push('.Footer module roaming-module');
  ugly.push('.flex-module-header');

  $('.promoted-tweet').hide(); // oops! :P

  for(var i=0;i<ugly.length;i++) {
    var u = $(ugly[i]).find('a'); // also 'b'
    u.text('');
  }
}

該代碼嘗試從Twitter網站上刪除一些按鈕和div。

現在，當我將其放在計算機上時，什么也沒有發生。 我試圖刪除趨勢框中的更改鏈接，但沒有將其刪除。

如果我在這里做錯了，請幫忙。 謝謝。

Answer 1

在process_new_tweets函數的開頭，有一條注釋解釋了如何將DOM中存在.mini-profile用作標志。

總而言之，DOM中缺少.mini-profile元素意味着該函數將返回並且不會繼續進行下去。 自從編寫本教程以來，Twitter似乎在其DOM中的任何位置都不再具有.mini-profile元素，因此該功能始終在返回，並且腳本執行不再進行。

從process_new_tweets函數的開頭刪除以下幾行：

var mp = document.getElementsByClassName('mini-profile');
if(mp.length === 0) { return; }

並且您在clean_twitter函數中選擇的元素將按預期從DOM中刪除。