javascript - 如何自动加载外部网站中的本地脚本文件？

Question

我有一个本地 JavaScript 文件。我希望每次页面重新加载时都能在外部网站(我的例子中是 tumblr 博客)上自动加载它。

我正在 Chrome 上工作，目前每次我想查看脚本的效果时，我都必须转到开发人员工具并将其插入 HTML 中:

<script src="file:///C:/Users/decho/Desktop/script.js"></script>

显然，每次刷新页面时，我所做的更改都会消失，这是一种非常不方便的处理方式。 Tumblr 允许您修改 HTML，因此我添加了一个指向脚本的链接，但它被拒绝了，因为它是本地文件(可能是出于安全原因)。

所以我的问题是，是否有任何简单方便的方法可以将本地脚本加载到现有网站，而无需每次重新加载时使用开发人员工具手动编辑 HTML？

Answer 1

1. 从 Chrome 网上应用店下载 Tampermonkey 扩展程序。
2. 输入 chrome://extensions 并选中“允许访问文件网址”。
3. 您现在可以在 @require 语句中使用文件路径。

以下是展示此功能的示例:

// ==UserScript==
// @name          test script
// @namespace     http://www.example.com/
// @description   test script
// @include       http://websitethatyouwanttoaffect.com
// @require       file:///C:/path/to/your/script.js
// ==/UserScript==