HTML 谷歌托管jQuery设置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML 谷歌托管jQuery设置相关的知识,希望对你有一定的参考价值。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[

  $(document).ready(function(){
    //Let's jQuery
  
  });

 //]]>
</script>

在像谷歌这样的快速免费 CDN 上托管您自己的 JavaScript 脚本文件(Jquery 除外)? [关闭]

【中文标题】在像谷歌这样的快速免费 CDN 上托管您自己的 JavaScript 脚本文件(Jquery 除外)? [关闭]【英文标题】:Hosting your own JavaScript scripts files (other than Jquery) on fast free CDNs like google? [closed] 【发布时间】:2011-06-22 20:03:18 【问题描述】:

受Dave Ward 的启发,在外部托管 javascript 文件,我有几个关于外部托管 Javascript 文件的问题:

每个人都知道已知库可以直接免费获取:

//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js
//ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js

这个问题的范围不过侧重于在外部托管自定义 javascript 文件:

第一季度。是否可以在快速免费的公共 CDN 上托管私有 JavaScript 文件?Q2。是否有任何速度处罚或托管在第三方 CDN 上实际上总是更好?Q3。在外部托管自定义 JavaScript 文件是否存在任何安全风险?


感谢 13 位收藏此问题的人,我重新开始此问题!截至 2021 年,闪电般快速的网站(及其所有 JavaScript 组件)比以往任何时候都更重要的是收集对加速页面加载的客观方法的协作理解。在重新打开此问题之前,请随时在您对这三个问题的回答/建议下方发表评论!

【问题讨论】:

【参考方案1】:

jsdelivr 是一项免费、快速且可靠的服务,可将您的 JavaScript 文件托管在 CDN 上。 该文件应首先在 github 存储库上,然后使用以下格式使用 CDN:-

https://cdn.jsdelivr.net/gh/user/repo@version/file

在上述格式中,将 user 替换为您在 github 上的用户名,将 repo 替换为存储库名称,并将 version 替换为存储库的版本 您可以将此 CDN 服务用于托管在任何地方,例如 npmjs.com,甚至可以使用他们的插件在您的 wordpress 网站上托管。 请访问该网站以获取更多信息并了解其工作原理。

【讨论】:

+1 用于 jsdelivr。它一直在帮助我在 cdn 中托管资产。它接受来自 GitHub、Google 托管库、RawGit 和 unpkg 的文件。【参考方案2】:

编辑:自 2021-07-10 起,此功能不再在 codepen 中使用。


codepen.io 允许您托管一些 js 文件无需注册。保存匿名 codepen 后,只需在 url 末尾添加 .js 即可使用其中的 js 部分。

【讨论】:

这也适用于 css,可能也适用于 html。 有 1mb 的限制 对我不起作用。 好的,现在需要在 codepen 进行注册。没什么大不了的。 谢谢@VasilyA,确实不再起作用了。更新了答案以避免混淆。【参考方案3】:

我使用http://yourjavascript.com 已经 3 年了,对他们的免费服务感到满意。

【讨论】:

它不会发送你的 js 文件的链接——它没用。 请注意,这有 1MB 的上传限制。 似乎没有使用 https 不使用 https,因此不允许在 CodePen 上作为一个例子。 不起作用。没有链接发送到电子邮件【参考方案4】:

你可以使用CoralCDN,这是一个免费的cdn。它不太可能像 Google 一样快,但它是免费的!

【讨论】:

【参考方案5】:

如果您的脚本托管在 Github 或 NPM 上,我建议您使用 jsDelivr。它甚至允许您定位特定版本,或缩小您的脚本。

【讨论】:

以上是关于HTML 谷歌托管jQuery设置的主要内容,如果未能解决你的问题,请参考以下文章

HTML 谷歌托管jQuery UI

HTML 谷歌托管jQuery +文档就绪

HTML 谷歌托管JQuery(1.3.2.min)与路径

如何使用来自谷歌的外部托管 jquery 覆盖核心 jquery 文件

jquery.cookies 是不是托管在 Google CDN 上?

谷歌浏览器重新托管图像扩展