javascript - solucion - jquery source

Cargando jQuery desde Google o localmente si no está en línea

Question

Ahora mismo tengo los siguientes enlaces en mi código:

<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>

etc ...

Me gustaría hacer uso de las copias en caché de google.com. Escuché que Google es la mejor fuente, pero corríjame si me equivoco.

De todos modos, puedo codificar mi aplicación para que use el código de Google si está disponible y localmente si no. Para mi información, estoy usando Microsoft MVC3 y los servidores en la nube de Msoft.

Gracias

Answer 1

Claro, echa un vistazo a cómo lo hacen en HTML5 boilerplate .

Si observa la parte inferior del archivo index.html dentro del repositorio de GitHub, verá lo siguiente ...

<!-- Grab Google CDN''s jQuery, with a protocol relative URL; fall back to local if offline -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/X.X.X/jquery.min.js"></script>
<script>window.jQuery || document.write(''<script src="local/jquery-X.X.X.min.js">/x3C/script>'')</script>

NB: en el fragmento de código anterior a XXX debe reemplazarse con el número de versión de jQuery que está utilizando (por ejemplo, 1.8.2 ).

¿Como funciona?

1. Primero, se intenta obtener la versión de CDN (la URL de CDN de Google se usa arriba, pero por supuesto puede vincularse a cualquier fuente que desee).
2. Inmediatamente después, verificamos el objeto global jQuery .
3. Si jQuery no existe, la suposición obvia es que no logramos obtener el código de la CDN, por lo que luego document.write una etiqueta de script para obtener una copia de una fuente local.

Answer 2

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>window.jQuery || document.write(''<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")">/x3C/script>'')</script>