跨域注入JQuery

发布于 2024-08-17 07:32:47 字数 167 浏览 2 评论 0原文

使用 JsonP 注入 JQuery 的脚本安全吗？

我的网络应用程序的安装是 - 将脚本添加到客户的网站（如谷歌分析）。我正在考虑在客户的网站上使用 JQuery，作为我自己注入脚本的一部分。

我想知道，是否存在某种风险？该应用程序需要支持任何类型的网站。

谢谢亚龙

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情深已缘浅 2024-08-24 07:32:47

很难说你在用你的库做什么，但似乎你正在构建某种类型的小部件以在多个站点上使用。

在@K Prime 的启发性评论让我研究如何在需要时包含两个 jQuery 副本之后，从这里开始进行了更新：

使用 jQuery 通常是不好的如果您正在构建一个小部件，该小部件将位于您控制范围之外的网站上，并且将通过“复制此嵌入代码并粘贴到您的网站”类型的功能添加到该网站。 （当然，jQuery 小部件和插件比比皆是，但这些通常是由开发人员选择和安装/实现的，而不是通用的“复制粘贴”小部件类型实现）

可能是最大的原因（在意识到您< em>可以在同一页面上运行两个 jQuery 副本）是文件大小增加。是否有保证将取决于您的特定需求和功能。简单的小部件=直接的JS。复杂的网站前端扩展，那么可能值得增加文件大小。

要正确包含它（这样您就不会在其网站上遇到冲突），请遵循如下所示的工作流程：

使用 Google API 将 jQuery 动态添加到其页面，如此处其他答案中所述。
运行 var mywidget_jQuery = $.noConflict( true ); 这将恢复 $ 的原始含义和恢复 window 的原始含义.jQuery.
动态添加脚本文件，但请确保将整个内容包装在自动执行的匿名函数中，如下所示：

(function($){
    ... Your code here ...
})(mywidget_jQuery);

现在，您可以在特殊函数中安全地使用 $ 并您想要的所有 jQuery 功能都没有问题。

额外加分 您可以将步骤 1 和 2 包含在 if 语句中，该语句测试 window.jQuery 是否已定义，如果定义了，则测试 jQuery.fn.version< /code> 足够高来运行您的代码。如果任一测试失败，则运行步骤 1 和 2。但是，如果通过，则只需运行 var mywidget_jQuery = window.jQuery，以便您在步骤 3 中包含的脚本仍将运行。

Its hard to tell what you are doing with your library, but it seems you are building some type of widget for use on multiple sites.

From here down has been updated after an enlightening comment from @K Prime caused me research exactly how you could include two copies of jQuery if needed:

It is generally bad to use jQuery if you are building a widget that will live on a site outside your control, and will be added to the site with a "copy this embed code and paste onto your site" type of functionality. (Of course jQuery widgets and plugins abound, but these are normally chosen and installed/implemented by developers not a generic "copy-n-paste" widget type implementation)

Probably the biggest reason (after realizing you can run two copies of jQuery on the same page) is the file size increase. Whether it is warranted will depend on your particular needs and function. Simple small widget = straight JS. Complex website front-end extension, then it probably is worth the file-size increase.

To include it properly (so you don't run into conflicts on their site) follow a workflow that looks something like this:

Dynamically add jQuery to their page using the Google APIs as mentioned on the other answers here.
Run var mywidget_jQuery = $.noConflict( true ); which will restore the original meaning of $ and restore the original meaning of window.jQuery.
Dynamically add your script file, but be sure to wrap the entire thing in a self executing anonymous function like this:

(function($){
    ... Your code here ...
})(mywidget_jQuery);

Now, you can safely use $ inside your special function and all the jQuery features you want without issue.

Extra credit You could wrap steps 1 and 2 in an if statement that tests if window.jQuery is defined and if it, test if jQuery.fn.version is high enough to run your code. If either test fails, then run steps 1 and 2. If it passes, however, then just run var mywidget_jQuery = window.jQuery so the script you include in step 3 will still run.

回复收藏 0 原文