当我用 jQuery 注入我的推文按钮时，为什么 Chrome 会生成警告？答案

【问题标题】：Why does Chrome generate a warning when I inject my Tweet button with jQuery?当我用 jQuery 注入我的推文按钮时，为什么 Chrome 会生成警告？
【发布时间】：2011-05-24 00:32:01
【问题描述】：

为什么这段代码会在 Chrome 中生成警告？

$("<div><script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script><a href='http://twitter.com/share?url=" + myUrl + "&amp;count=none&amp;text=" + myText + "' class='twitter-share-button'>Tweet</a></div>").insertBefore('#lastSection');

在 Chrome 控制台上，我看到以下警告消息：

Resource interpreted as script but transferred with MIME type application/json.

连同对控制台窗格右侧的引用：

count.json: -1

我尝试将 script 引用移动到页面的 head 部分，但这没有帮助：

<script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>

事实上，在我这样做之后，推文按钮根本没有出现。

【问题讨论】：

您的服务器将脚本的 MIME 类型设置为“application/json”，这是错误的。

标签： jquery google-chrome twitter

【解决方案1】：

这个答案可能对你有帮助，似乎是一个错误。

Debug message "Resource interpreted as other but transferred with MIME type application/javascript"

（可能是骗人的！）

【讨论】：

【解决方案2】：

因为 Twitter 正在提供 JavaScript 文件 (http://urls.api.twitter.com/1/urls/count.json?url=$SOMEURL&callback=twttr.receiveCount 与 JSON 数据的内容类型。

他们似乎没有意识到 JSON-P 是嵌入在 JavaScript 函数调用中的反序列化 JSON（因此被用作应用程序/javascript）而不是纯 JSON。

【讨论】：