如何在外部网站上运行JavaScript代码？

Question

我已经用JavaScript编写了脚本，并且正在打开检查器（ F12 ）在外部网站（我不拥有其域名，例如Google或Stackoverflow）上运行该脚本，然后在控制台中粘贴并运行脚本。

现在我有2个问题：

1. 是否可以通过不执行上述步骤的方式来运行代码？
2. 在某些情况下，我单击一个按钮会加载一个新页面。如何在第二页上加载该脚本？

Answer 1

最简单的方法是安装一个Tampermonkey之类的用户脚本管理器。如果将代码粘贴到用户脚本中，它将在与元数据块的@include / @match指令匹配的任何站点上自动运行。

  

在某些情况下，我单击一个按钮将加载一个新页面。我也该如何在第二页上加载该脚本？

如果可能，将第二页的URL放入用户脚本的元数据块中。

有关在多个页面上运行的用户脚本的示例：

// ==UserScript==
// @name             Some example
// @include          /^https://www\.google\.com*/
// @include          /^http://.example\.com/
// @grant            none
// ==/UserScript==

console.log('script running');

如果您访问google.com并搜索example.com，则会看到script running。然后，如果您单击搜索结果到example.com，则在另一页上也会看到script running。

如果不预先知道其他URL，将更加困难。您可能需要

// @match        *://*/*

（使脚本在所有页上运行），并以某种方式与新窗口进行通信，告知它也应运行脚本，例如通过查询字符串或postMessage，或GM_setValue。