javascript - 区分greasemonkey脚本中不同页面的最佳方法？

Question

例如，我想向 google.com 主页和 google.com 搜索结果页添加一些功能，并且我想在一个 Greasemonkey 脚本中完成此操作，我这样做:

@include http://google.com*

然后我检查，如果是主页，我会在搜索框下添加第三个按钮，例如，如果是结果页面，我会更改字体或类似的内容。

区分这些页面的最佳方式是什么？我目前正在做

if (document.URL==="homepage") {
    add button
} else if (document.URL==="searchpage") {
    change font
}

切换会更好吗？有更好的解决办法吗？

Answer 1

switch 比一系列 if/else if 更快、更高效

我经常使用 is 来达到这个目的。

// caching path is faster (although the difference is only milliseconds)
var path = location.pathname;

switch (true) {

  /* ----- Home page ----- */
  case path.indexOf('/path1') !== -1:
    addButton();
    break;

  /* ----- Search page ----- */
  case path.indexOf('/path2') !== -1:
    changeFont();
    break;
}

更新:
使用 ES6 includes()

var path = location.pathname;

switch (true) {

  /* ----- Home page ----- */
  case path.includes('/path1'):
    addButton();
    break;

  /* ----- Search page ----- */
  case path.includes('/path2'):
    changeFont();
    break;
}