javascript - Chrome 扩展 JavaScript 程序无法运行

Question

我正在从教程here学习chrome扩展编程.

您可以找到 chrome 扩展程序的完整代码 here .

我尝试删除一些链接的代码片段:

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 中删除。