javascript - 如何增强不应修改其源代码的页面的功能？

Question

我的一个 friend 出于与工作相关的目的使用网络应用程序。该应用程序是使用 PHP/MySQL 构建的，虽然它有一些 JavaScript 以使其更易于使用，但它对用户不够友好，并且通过一些额外的 JS，很多东西都可以自动化。

我想增强该应用程序，但我不想修改原始服务器端代码。为此，我能想到的只有 Greasemonkey。这是唯一的方法吗，还是我错过了什么？我还希望能够使用现代 JS 框架，例如 jQuery。

编辑:我应该告诉你我想做哪些改进。页面上有很多字段，所以自动完成真的很有帮助。这将用于数据输入，因此 AJAX 也可用于一些错误检查。

Answer 1

Greasemonkey 当然是一个选择。另一个想法是编写您的改进代码，然后制作 bookmarklets在他们之外。您的 friend 可以使用书签(可能在书签栏中)来完成您改进的事情。小书签可以访问页面，就好像它们是页面的一部分一样。

编辑 1 事实上，现在我想起来了，书签应该通过添加script 标记到 head 部分(好吧，或者实际上是任何地方)。自 SOP基于文档的来源，而不是脚本，...这样，他只需按一次按钮(对于他访问的任何给定页面)即可加载您的改进。

编辑 2 是的，小书签可用于将任何脚本文件引导到页面中；这是一个例子:

javascript:(function(){var%20d=document,db=d.body||d.documentElement,elm;elm=d.createElement('script');elm.src="http://example.com/yourscript.js";db.appendChild(elm);db.removeChild(elm);})();

这会将文件 http://example.com/yourscript.js 的 script 元素添加到当前文档的正文中，并执行它。 (小书签然后删除 script 元素；只需添加它就足够了，它不必停留在周围；details。)然后您的脚本可以执行诸如添加其他脚本之类的操作(jQuery，在您的示例)以相同的方式启动自动完成器等。使用 Chrome 和 Firefox 测试了上述内容(可能需要调整)； IE 不喜欢它，但我认为这是我对小书签或其他东西的编码的问题，而不是根本问题。 (我对小书签比较陌生。)