如何在外部网站中自动加载本地脚本文件?

时间:2014-06-04 16:38:53

标签: javascript browser

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

我正在使用Chrome,目前每当我想看到我的脚本效果时,我都必须转到Developer工具并将其插入到HTML中:

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

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

所以我的问题是,有没有简单方便的方法将本地脚本加载到现有网站,而无需在每次重新加载时使用Developer工具手动编辑HTML?

1 个答案:

答案 0 :(得分:1)

  1. 从Chrome网上应用店下载Tampermonkey扩展程序。
  2. 键入chrome://extensions并选中“允许访问文件URL”。
  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==