来自 Google CDN 的 HTTPS 友好的 jQuery CSS 主题

Posted 2023-05-08

【中文标题】来自 Google CDN 的 HTTPS 友好的 jQuery CSS 主题

【英文标题】：HTTPS-friendly jQuery CSS theme from Google CDN

【发布时间】：2012-06-08 20:35:46

【问题描述】：

只是想获得 google 托管 jquery css 主题的 https 友好版本，即

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

正在加载 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css 有效，但存在一些图标本身不是从 https 提供的问题。即：

https://mysite.com 的页面运行了不安全的内容 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css。 https://mysite.com/ 的页面显示了不安全的内容 从 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_75_ffffff_40x100.png。 https://mysite.com/ 的页面显示不安全的内容 从 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png。 https://mysite.com/ 的页面显示了不安全的内容 从 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png。 https://mysite.com/ 的页面显示不安全的内容 从 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png。 https://mysite.com/ 的页面显示不安全的内容 从 http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png.

我希望它从谷歌托管。

【问题讨论】：

不要在标题中使用全大写。

【参考方案1】：

你不能对此做任何事情。因为来自 https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css 的jquery-ui.css 在内部仅使用带有http://... 的图像。

试试protocol-relative URL（section 4.2 of RFC 3986）：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"  
type="text/javascript"></script> 

【讨论】：

-1 下次看看代码。从您提供的链接加载的所有图像都是相对的。根据定义，它们不指定 http:// 路径。

@bpeterson76 我看过了，relative 链接表示“相对文件夹层次结构”，而不是相同的连接类型。

这就是链接本身的意思。