用 // 代替 的好处

//缺省协议

/缺省协议的使用,代表资源访问的协议和当前页面保持一致,如果当前页面是http ,采用http协议访问,如果是https,则使用 https 协议访问。这样用就不管是http还是升级到https都不用改动代码,现在很多CDN资源都是这样引用。一般使用在内链中,外链的协议头具有不确定性的原因。

随着国内运营商等的大肆劫持导致大家在访问网站的时候插入大量的低俗广告,降低用户体验,所以各大搜索引擎都希望大家尽量将站点转换为https方式

 

//的含义?

//是缺省协议的写法,例如

//jb51.net/css/

缺省协议默认使用当前协议

当前页面为HTTP时,等效

http://jb51.net/css/

当前页面为HTTPS时,等效

https://jb51.net/css/

使用 // 代替 http:// 的条件和好处

当前页面和目标资源同时支持HTTP和HTTPS正在从http升级到https

这样的好处就是能根据用户打开页面的方式自适应的选择资源的请求协议,

对于https页面的内容,浏览器默认会组织非https内容,可以避免这种情况

// 缺点

直接打开本地文件调试时,使用的协议是文件协议(file://)

这个时候这个协议会变成 file://jb51.net/css/显然是不存在的

与当前网站的协议保持一致,快速发布与你当前协议相匹配的版本,同时减少SSL或其它协议版本的部署成本。开发者不需要管服务器云端提供什么协议,只要用//符号来代表一切最适应的匹配,这和nodeJS的思维是一脉相承的。

优点如下:

因为很多网站都将http升级为https,这样就可以防止我们的网址被劫持,前期为了在转换过程中我出差错我们没有强制跳转,就是当用户访问http或https都可以正常访问,那么里面的js,图片,链接等都不能用https或http,那么有什么解决方法呢,那么解决方法来了就是用//,不要带http:与https这样就可以了。

//这种写法是根据你请求的协议自动添加协议的。举个栗子:你的网站是http协议,那么其实你访问的就是http://xxxx 如果你的网站是https协议的,那么请求的地址会变成https://xxxx 要知道,如果你写成了http://xxx. 那么如果你们的网站线上是https,那么可能会报安全警告,有的浏览器甚至没法正常加载页面。如果你直接写成https,要知道,本地开发可是http啊…

下面的内容是来自知乎的一些经典回复

好处很多人都答过了。升级 https 当然最能感受到这种好处。我只是补充一个为什么前人不这么写的理由。当然,确实有很多前端并不知道这种写法。不过,就算知道也很可能无法这么写。因为 UC 浏览器的许多较早版本不支持这种写法,会把 //a.b/ 直接理解为 /a.b/,也就是说,如果你在 http://example.com 的页面里写了 //example-cdn.net/static-file 的地址,UC 实际访问的是 http://example.com/example-cdn.net/static-file 。UC 过去的市占率大家是知道的。所以……

 

一看你就没做过「全站 HTTPS 升级改造」。我给全站做 HTTPS 升级的时候,真的想把写 http:// 的人砍死。尤其是数据库里的链接和 JS 里拼接出来的 url。期间用了各种正则,还要人工核查。奈何写 http:// 的程序员太多,只能作罢。有人还在评论里问原因,原因就是如果你全写 //,我就不用改造数据库里的数据和源码了,直接升级 https 就行了。你可能会说 https 改造这种事情很少发生吧,巧了,我在腾讯和阿里都遇到了 https 改造 ಥ_ಥ 而且在阿里的时候我要负责 1688 整站(个别部门自行改造)的前端代码改造(不只是 HTML,还有 CSS 、JS、Velocity 模板等!简直就是脏活累活,我 TM 为什么要接这个活儿),你猜我骂写 http:// 的人骂了多少次?有的前端还直接在 JS 里写 http,沿用一下当前页面的协议你会死啊?

 

还有的前端用正则判断 url 时居然只接受 http:// 和 https:// 不接受 //,真的是没常识。太多程序员,太智障了。也有可能是因为他们没听说过 HTTPS 而已。如果你还不懂,我就问你几个问题:如果你用 http:// ,那你就是默认当前页面是 http 协议了,你一个前端凭什么决定当前页面的协议?难道你不知道 http 链接在 https 页面里会报错啊?你应该沿用当前页面的协议,所以你要写 //如果你用 https://,也是一样的问题,你怎么知道三年后会不会出现一个 httpshe://,难道到时候你再全部改成 httpshe:// ?不要做任何明显是错误的假设!你根本就不知道当前页面会用什么协议打开!所以你要用 // 啊!类似的错误假设还有很多,比如很多中国程序员都以为电话号码只含数字和括号,不含字母。真的是这样吗?

 

有人说全局替换不就完了吗?举例说明吧,假设淘宝要升级 https于是你将 http:// 全部替换成 //第一个 bug:你把 替换成了 ,然而当时 http://tmail.com 还不支持 https于是你将一定范围内的域名替换,http://(taobao|taobao2|taobao3).com 替换成 //$1.com第二个 bug:有些 JS 是这样写的 url = “http://” + location.hostname + ‘/’ + path,还有写 JS 是这样写的 /^http:\/\//.test(input)。你说这个就没法用正则了,在所有 JS 里全局搜索 http 然后人工审查吧。你知道淘宝有多少 JS 文件吗…… 而且这些文件是缓存十年的……就算你改了,也不一定能更新。而且一旦你改错了,影响用户下单,马云损失一个亿你赔得起吗?第三个 bug:有些数据根本就不在代码里,在数据库里,比如 user.image 的值是 http 开头的。于是你将 user.image 写成 user.image.replace(‘http://’, ‘//’) 或者你直接改数据库里的数据(当数据量很大的时候,这基本是不可能的)第四个 bug:你忘了改 nginx、crossdomain 里面的域名第五个 bug:你忘了改配置系统里面的 base_url第六个 bug:你的 https 页面嵌入了一个外部的 http iframe……你就哭吧,这很难解决,运气好直接改成 // (外部支持 https 即可),运气不好就要改页面逻辑了。第 N 个 bug……HTTPS 升级就是脏活累活,你说简单你来做,你开始做就知道牵连的地方有多少了。最好的方案还是把协议做成很容易变更的方式,比如遵循当前页面,或者用变量,反正写死 http:// 肯定不好。有些程序员写代码的时候,明明知道有 HTTPS 却不去兼容,心理想着「反正我在这个公司呆两年就走了,HTTPS 至少还有三年呢」然后就写出了垃圾代码。

 

越来越多的开发者,在链接文件时,采用//来代替http://,即如

原本你的网站是http的,所有的src都是 http开头,以为遭到狗屎运营商大量劫持,在你的页面塞了一大堆少儿不宜/和单纯广告的内容的时候,有人告诉你替换https可以改善这个问题,那么这个时候你就知道 之前的src和ajax写得//而不是http://是当初多么明智的决定。。。

逐浪CMS官方

随着越来越多开源和云平台的涌现以及SSL协议的广泛导入(如逐浪CMS已经全面启用了SSL协议支持),人们在进行开发时不得不面对http协议的选择和识别。众所周知,过多的ssl引用,可能会造成普通站点的效率低下,但我们不能为此再去重新设计一个纯SSL版本。表现在开源库上,一般平台都同时提供SSL版和非SSL版。如这两个库:https://code.z01.com/js/jquery-3.2.1.slim.min.jshttp://code.z01.com/js/jquery-3.2.1.slim.min.js其引用效果是一致的。于是开发者们直接用”//网址/文件”方法来替代前面的协议,使之自动识别。即具体是SSL协议还是普通http协议,交给浏览器去自动识别并自动与当前站点匹配,从而实现最佳的安全请求和最高效的加载方法。概言之,这是一种开发方法和开发思维,云计算的web与移动开发日益壮大。

相关推荐:

thinkPHP 发展 ( http://w2ks.com)

以上就是用 // 代替 的好处的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545783.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:24:45
下一篇 2025年12月21日 17:24:59

相关推荐

  • axios怎样基于Promise的HTTP请求客户端

    这次给大家带来axios怎样基于promise的http请求客户端,axios基于promise的http请求客户端的注意事项有哪些,下面就是实战案例,一起来看一下。 axios 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用 功能特性 在浏览器中发送XML…

    好文分享 2025年12月24日
    000
  • 为什么HTML需要语义化?有什么好处?

    语义化html的核心是使用具有明确含义的标签来准确表达内容结构,1. 使用如 、 、 等标签替代无意义的 ;2. 提升结构清晰度,便于浏览器和开发者理解;3. 增强可访问性,使屏幕阅读器能正确解析内容;4. 优化seo,帮助搜索引擎识别页面主题;5. 提高代码可维护性和跨设备兼容性;6. 遵循最佳实…

    2025年12月22日
    000
  • 404错误的原因和解决方法的深入研究

    探究HTTP状态码404的原因和解决途径 引言:在浏览网页的过程中,我们经常会遇到HTTP状态码404。这个状态码表示服务器未能找到请求的资源。在本文中,我们将探究HTTP状态码404的原因,并分享一些解决途径。 一、HTTP状态码404的原因:1.1 资源不存在:最常见的原因就是请求的资源在服务器…

    2025年12月22日
    000
  • HTTP502错误码解析及解决方法

    了解HTTP502错误码:为什么它会出现,如何解决? 引言:在使用互联网的日常生活中,我们经常会遇到各种网络错误,例如404 Not Found、403 Forbidden等。其中,HTTP502错误码也是常见的一种错误。本文将介绍HTTP502错误码出现的原因以及解决方法,帮助读者更好地理解和解决…

    2025年12月22日
    000
  • HTTP525状态码解析:详细解读其意义和使用场景

    HTTP状态码是用来表示客户端请求与服务器响应之间的状态的一种规范化的方式。其中,HTTP 525状态码是指SSL连接失败。本文将详细解析HTTP 525状态码的意义和使用场景。 首先,HTTP 525状态码表示SSL连接失败。SSL(Secure Sockets Layer)是一种用于保护网络通信…

    2025年12月22日
    000
  • HTTP状态码405解析:了解请求方法不被允许的原因

    HTTP状态码405解析:了解请求方法不被允许的原因 HTTP(Hypertext Transfer Protocol)是一种用于传输超文本的协议,它定义了客户端和服务器之间的通信规则。在HTTP协议中,客户端发送请求给服务器,服务器根据请求做出相应的响应。 HTTP状态码用于标识请求的处理结果,其…

    2025年12月22日
    000
  • HTTP请求超时时返回的状态码是什么?

    如何判断HTTP请求超时的状态码是什么? 在进行网络通信过程中,我们常常会遇到网络请求超时的情况。当我们发出一个HTTP请求后,如果在设定的时间内没有收到服务器的响应,就会导致请求超时。那么如何判断HTTP请求超时的状态码是什么呢?本文将介绍一些常见的状态码以及如何判断请求超时的方法。 首先,我们需…

    2025年12月22日
    000
  • 探究HTTP状态码403:访问被拒绝的原因分析

    HTTP状态码403详解:为什么会出现禁止访问的情况? 引言:在使用互联网浏览器浏览网页时,有时会遇到HTTP状态码403,“禁止访问”的错误提示。这意味着用户无权限访问所请求的资源。本文将详细解释403错误的原因以及常见的解决方法。 一、HTTP协议与状态码:HTTP(Hypertext Tran…

    2025年12月22日
    000
  • 学习HTTP状态码301:理解网页重定向的重要性及实现方法

    了解HTTP状态码301:网页重定向的意义与实现方式 引言:在我们日常浏览网页时,有时会遇到网页找不到或被移动的情况。这种情况下,我们常常会看到网页跳转到一个新的页面。这种跳转就是通过HTTP状态码301来实现的。本文将介绍HTTP状态码301的意义以及实现方式。 节1:什么是HTTP状态码301?…

    2025年12月22日
    000
  • HTTP状态码405的解释和用途

    了解HTTP状态码405的含义及作用 HTTP(HyperText Transfer Protocol)是一种用于在网络上传输超文本的协议。在使用HTTP进行通信时,客户端(如浏览器)会向服务器发送请求,而服务器则会给予相应的回应。HTTP状态码是服务器通过回应的形式告诉客户端请求的处理情况的一种信…

    2025年12月22日
    000
  • 常见的HTTP重定向状态码及其应用场景

    HTTP状态码是用来表示HTTP请求和响应的结果的一种标准化的方式。在HTTP协议中,重定向是一种常见的请求处理方式。通过重定向,服务器可以将请求的URL指向新的位置,从而实现对资源的重新定位。本文将详细介绍常见的重定向类型及其应用场景。 301 Moved Permanently (永久重定向)当…

    2025年12月22日
    000
  • 理解网页重定向的常见应用场景并了解HTTP301状态码

    掌握HTTP301状态码的含义:网页重定向的常见应用场景 随着互联网的迅猛发展,人们对网页交互的要求也越来越高。在网页设计领域,网页重定向是一种常见且重要的技术,通过HTTP301状态码来实现。本文将探讨HTTP301状态码的含义以及在网页重定向中的常见应用场景。 HTTP301状态码是指永久重定向…

    2025年12月22日
    000
  • 揭示的语言之谜:HTTP状态码

    HTTP是现代计算机网络中最常用的协议之一,而其中的状态码则是HTTP通信过程中非常重要的一部分。通过状态码,服务器可以向客户端传递各种信息,包括请求成功与否、请求重定向、请求错误等。尽管状态码只是简单的3位数字,但它们背后隐藏着许多语言之谜。 首先,我们来探索一下HTTP状态码的基本分类。按照类别…

    2025年12月22日
    000
  • 揭秘HTTP状态码的含义

    HTTP状态码是用于表示HTTP请求的结果的三位数字代码。这些状态码由HTTP协议规定,并且在与服务器进行通信时,它们扮演着非常重要的角色。尽管每个状态码都有其特定的含义,但是很少有人知道这些代码背后隐藏的深意和故事。本文将探秘HTTP状态码背后的语言之谜。 首先,我们来了解一下最常见的HTTP状态…

    2025年12月22日
    000
  • HTTP状态码405解析:请求方法不被允许的原因何在?

    探秘HTTP状态码405:为何会出现不允许的请求方法? 引言: 在日常的网络使用中,我们经常会遇到HTTP状态码,它们是Web服务响应客户端请求时返回的一种标准化的三位数字代码。这些状态码能够提供有关请求的详细信息,帮助我们理解和处理HTTP请求过程中的问题。其中,HTTP状态码405表示不允许的请…

    2025年12月22日
    000
  • 探究HTTP状态码80的原因及解释

    HTTP状态码是在 HTTP 协议中用于标识服务器对客户端请求的响应状态的数字代码。它们告诉客户端的浏览器或其他应用程序服务器的处理结果。常见的状态码包括 200、301、404、500 等,每个状态码都有其特定的含义和用途。 然而,在 HTTP 状态码中,有一个相对较少被人们关注的状态码,它就是状…

    2025年12月22日
    000
  • 对于HTTP请求超时会返回哪种状态码?

    HTTP请求超时,服务器端常常会返回504 Gateway Timeout状态码。该状态码表示服务器在执行某个请求时,经过一段时间后仍未能获取到请求所需的资源或完成请求的处理。它是5xx系列的状态码,表示服务器端遇到了临时的问题或过载,导致无法正确处理客户端的请求。在HTTP协议中,各种状态码都有特…

    2025年12月22日
    000
  • 为什么我们应该选择localStorage来存储数据?探究其优势和工作原理

    localStorage的好处和原理:为什么我们应该使用它来存储数据? 随着Web应用的兴起,存储数据成为了一个必不可少的需求。传统的方法是通过后端服务器存储数据,这需要与服务器进行交互,增加了网络请求的开销和延迟。而现在,我们可以使用localStorage来在浏览器端存储数据,这提供了一种快速和…

    好文分享 2025年12月21日
    000
  • 常见的HTTP协议状态码及其解释

    了解常见的HTTP协议状态码及其含义,需要具体代码示例 HTTP协议是现代网络通信中最重要的应用层协议之一。在进行Web开发过程中,我们经常会遇到各种各样的HTTP状态码。本文将详细介绍一些常见的HTTP状态码及其含义,并提供相应的代码示例。 200 OK200 OK是最常见的HTTP状态码之一,表…

    2025年12月21日
    000
  • 常见的HTTP 4xx状态码和错误解析

    了解HTTP协议中4xx状态码的含义及常见错误,需要具体代码示例 HTTP协议是互联网通信的基础协议,它定义了客户端和服务器之间的通信规范。在使用HTTP协议进行通信时,客户端发送请求,服务器返回响应。而HTTP状态码是服务器用来表示请求处理结果的一种机制。 HTTP状态码由三位数字组成,以便于划分…

    2025年12月21日
    000

发表回复

登录后才能评论
关注微信