Tiene problemas usando jQuery para establecer valores de etiqueta meta

Question

Duplicar posible:
Is it possible to use javascript to change the meta-tags of the page?

Estoy tratando de establecer etiquetas meta utilizando jQuery (No responda que este doesn' Tiene sentido desde los motores de búsqueda bla-bla-bla ... Estoy cargando invocando funciones de terceros de Javascript que examinan estos valles, como Tweetmeme y Facebook.

Si utilizo:

$('meta[name=some-name]').attr('content', 'some value'); 

que hace el trabajo para establecer el valor de una etiqueta meta existente, pero no crea una etiqueta meta si el tal llamado no existe.

Si usted tiene una visión o experiencia con esto, por favor, responda ...

Answer 1

usted puede hacer esto, no la más limpia, pero lo que estamos tratando de hacer es bastante extraño, así que no hay una gran manera de manejar que:

var mt = $('meta[name=some-name]'); 
mt = mt.length ? mt : $('<meta name="some-name" />').appendTo('head'); 
mt.attr('content', 'some value'); 

la expresión condicional en allí cheques .length, que es 0 o false si no se encuentra, si ese es el caso creamos el elemento y añadirlo a la cabeza, si se añadió o originalmente encontrado, mt está configurado en <meta> con ese nombre ahora, y puede configurar attrib ute.

Answer 2

Aprovechando el código de Nick, hice una función para hacer la configuración de la metaetiqueta, creando si es necesario. En caso de que esto sea de utilidad para cualquiera ...

function setOrCreateMetaTag(metaName, name, value) { 
     var t = 'meta['+metaName+'='+name+']'; 
     var mt = $(t); 
     if (mt.length === 0) { 
      t = '<meta '+metaName+'="'+name+'" />'; 
      mt = $(t).appendTo('head'); 
     } 
     mt.attr('content', value); 
    } 

El metaName más a menudo podría ser asumido como "nombre" pero también me veo obligado a establecer "propiedad", así que hizo la función de manejar un meta meta -nombre.

Answer 3

Estaba experimentando con esto un poco en iOS. Resultó que era posible establecer dinámicamente una etiqueta meta para evitar el zoom en IOS, así:

$('<meta>', { 
name: 'viewport', 
content: 'width=device-width, minimum-scale=1, maximum-scale=1' 
}).appendTo('head'); 

Si lo quita, sin embargo, no volver a activar el zoom:

$('meta[name=viewport]').remove(); 

Pero el sobreescribiendo etiqueta de meta:

$('meta[name=viewport]').attr(
'content', 
'width=980, minimum-scale=0.25, maximum-scale=1.6' 
); 

con sus valores predeterminados.