Estoy tratando de resolver este problema. Aparentemente, con HTML, se le permite agregar dos barras diagonales a un enlace src, y se supone que debe interpretarlo como un enlace web.

<script type="text/javascript" data-referrer="false" src="//branding.vcu.edu/bar/academic/latest.js" data-color-top-campaign="graydark"></script>

El problema que tengo es que las dos barras diagonales en mi enlace se interpretan como una ubicación de archivo, no como un sitio web. Esto también está rompiendo otros archivos javascript externos que estoy incluyendo en mi sitio web que usan el mismo formato de doble barra. Puede ver en la captura de pantalla, siempre que los interprete como archivos.

También estoy usando Twitter Bootstrap si eso afecta algo. Realmente agradecería que alguien pudiera señalarme en la dirección correcta aquí. ¡Gracias!

Aquí está el encabezado fuente con el que estoy trabajando en caso de que ayude:

<head>
  <meta charset="utf-8">
  <title>Motor Control Lab VCU</title>
  <!-- Mobile Fixes -->
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <!-- Favicon -->
  <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
  <!-- Bootstrap Style Sheet -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
  <!-- load all FontAwesome styles -->
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
  <!-- load FontAwesome javascript file -->
  <script defer src="js/all.js"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
  <!-- Widens the default container -->
  <style>
    @media (min-width: 1200px) {
      .container {
        max-width: 1350px;
      }
    }
  </style>

  <script type="text/javascript" data-referrer="false" src="//branding.vcu.edu/bar/academic/latest.js" data-color-top-campaign="graydark"></script>
</head>
0
Matthew U. 10 may. 2019 a las 17:10

3 respuestas

La mejor respuesta

La notación // se utiliza para conservar el protocolo (http :, https :, o archivo :) de donde se sirve su sitio web.

Si lo está buscando localmente desde un archivo: // url, buscará un archivo en el disco, si lo está viendo desde un servidor web, irá a http (s): // en lugar.

5
Slawomir Chodnicki 10 may. 2019 a las 14:19

Una URL relativa que comienza con // significa "Usar el mismo esquema de URL que el documento actual, pero un nombre de host diferente y todo lo demás".

Se está resolviendo en una URL file: porque el documento HTML se carga desde una URL file:.

Cargue el documento HTML desde una URL http: o https: o cambie el atributo src de una URL relativa a una URL absoluta (es decir, coloque el esquema de URL explícitamente).

3
Quentin 10 may. 2019 a las 14:14

Los srcs con barras dobles son "relativos al protocolo". Utiliza cualquier protocolo (http, https, archivo) que se utilizó para cargar su sitio web. Como está cargando el sitio web localmente, se supone que desea cargar el script desde el archivo: // ruta / al / archivo, que es una url absoluta. Use ./ en su lugar

0
Fadi Tash 10 may. 2019 a las 14:15