使用我自己的javascript功能包装第三方Web应用程序

Question

是否可以在其他地方托管的特定网络应用上注入本地某些功能？

请注意，我并没有试图破解网站，注入代码以捕获其他用户，或类似的东西。我只想从浏览器中看到为应用程序添加功能。类似于添加一些辅助功能（如客户端CSS，以避免外部提供的样式更容易访问）。

该功能是用javascript编写的（带有jquery），实际上只是找到一个特定的<div>，读取一些值（实际上是<li>的几个），压缩这些值并在下面输出一个漂亮的图表图表。

目前我想到了（但在任何一个方向都没有进展太远，因为我在所有方面都有概念性问题）：

• 特制的CSS将作为客户端CSS在本地安装，每当加载该Web应用程序时都会注入javascript（是否可以这样注入javascript？）;
• 本地文件（例如，mychart.html），带有骨架html + javascript，<iframe>加载外部应用程序（是否可以在外框上运行javascript并访问内框上的内容吗）;
• 本地文件，其中有一些漂亮的html模仿原始<div>，javascript获取下面的原始应用程序（ajax），渲染整个DOM以获取<li>并丢弃其余部分（是否可以使用jquery的ajax获取DOM？）;
• ＆＃34;书签＆＃34;我的javascript函数到工具栏，所以我可以在查看第三方网站时点击它，并以某种方式显示浮动div（或其他窗口）与我的图表（它甚至可能？如何显示的东西呢？< /强>）。

还有其他选择吗？它可以特定于FireFox，Chrome或IE（如果我可以在它们之间移植它会很好，但我可以搜索类似的方法）。

有关上述选项的建议，关于我应该提前面临的问题，迟早会有什么建议吗？

注意：绘制整个外部页面并不是绝对必要的;甚至没有必要绘制它的任何部分;只需要获取值并输出图表（我已经在javascript中完成了这部分）。

Answer 1

首先，您可以使用＆＃34;用户javascript＆＃34; （请查看适用于Firefox的GreaseMonkey或适用于Chrome的Tampermonkey）或开发浏览器扩展程序（并使用，例如content scripts）。