jquery - jQuerify 无法在 chrome 上与 facebook 配合使用

Question

jQuerify 是一个小书签，用于向当前显示的网页添加 jquery 支持。看看这个页面:http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet/

这个演示让我知道 jquery 是否已经下载，如果没有则加载它，然后显示事件版本。我的问题是:使用 google chrome 浏览时，某些页面上不显示任何内容，例如 facebook、google(不是缓存页面，而是页面结果)使用 IE 时，它可以在这些页面上运行。

我尝试在 Chrome 上断开用户 google session ，但问题仍然存在。我认为这是由 https url 引起的。但是当我确认“显示所有内容”后，在IE中显示正常。

Chrome 浏览器可能存在配置错误？jQuerify 是否有任何修复，或者我应该放弃并寻找另一个解决方案来加载 jquery 和远程脚本？

感谢您的建议。

Answer 1

在 Google Chrome 中，您可以在浏览器控制台中看到错误消息。

它说:拒绝加载脚本“http://code.jquery.com/jquery.min.js”，因为它违反了以下内容安全策略指令:“script-src https://.facebook.com http:///.facebook.com https://.fbcdn.net http://.fbcdn.net *.facebook.net *.google-analytics.com *.virtualearth.net < em>.google.com 127.0.0.1: *.spotilocal.com:* chrome-extension://lifbcibllhkdhoafpjfnlhfpfgnpldfl 'unsafe-inline' 'unsafe-eval' https://.akamaihd.net http ://.akamaihd.net”。

这是因为 Facebook 已经实现了一项安全功能，该功能是通过 HTTP header “X-WebKit-CSP”实现的。

这就是为什么 Facebook 上的当前实现会影响在基于 webkit 的浏览器(Chrome 和 Safari)中加载外部脚本的原因jQuerify 书签在 Firefox 和 IE 上运行良好。

Chrome解决方案，您可以通过以下方法来实现:

• 您可以在上面的详细信息中看到，支持 127.0.0.1:*。只需在您的系统上运行一个简单的 Web 主机(例如:Apache Web 服务器)。将 jquery javascript 文件复制到系统上的 Apache 链接目录中。现在可以通过 http://127.0.0.1/jquery.js 之类的路径访问该文件(注意:此处不要使用 http://localhost/)。在 jQuerify 书签中，将 jQuery 文件的路径从 http://code.jquery.com/jquery.min.js 更改为 http://localhost/jquery.js > .现在小书签就可以正常工作了。

       或

• 将整个 jQuery 代码加载到书签中，这样它就不会加载外部脚本文件。不推荐，因为如果您也希望使用它通过 jQuery 文件进行调试，这不会像第一种方法那么有用。