<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />     

$('#btn-fb-share').click(function() {
        $('#btn-fb-share').attr("disabled", "disabled");
        window.open(url,"Mywindow","location=yes,menubar=yes");
    });

En mi Ipad (Donde hice un acceso directo a la página Web en la Pantalla) el enlace no se abre en una Ventana nueva (Safari). ¿Cómo puedo solucionar esto? En mi PC el enlace se abre correctamente en una nueva Ventana.

EDIT: voy a intentar explicar lo más claro.

Lo que está sucediendo: Mi Web-App abre la url en la misma Ventana como la de mi aplicación.
jquery ventana.open(url) en el ipad

Lo que debería ocurrir es: El Facebook se abre la página en una nueva Pestaña en safari. (Puedo demostrar esto si puedo abrir mi sitio a través de safari y no a través de mi web app.)

jquery ventana.open(url) en el ipad

Espero que usted puede ver la diferencia ahora. Necesito abrir mi Enlace en Safari en una nueva Pestaña. Pero ahora se mantiene abierta en mi Ventana, donde no tengo «Botón de regreso».

La única diferencia entre las dos imágenes es. La primera imagen es de la página Web guardada en mi Pantalla de inicio. La segunda imagen es de la Web se abren directamente en Safari.

devdaily.com/iphone/… y developer.apple.com/library/safari/#documentation/… < desplácese hacia abajo para «Uso Compatible JavaScript Ventanas y cuadros de diálogo»
No puedo encontrar la solución a mi Problema.. no Hay nada acerca de abrir un Enlace en una nueva Pestaña/Ventana.
Ambos enlaces hablar sobre el uso de window.open() con iOS. He probado esta js en un iPad y funcionó bien: jsfiddle.net/flackend/rb4n8
No sé si has entendido mi Problema. Si puedo abrir el sitio Web en Safari funciona. Pero si he abierto sobre el acceso directo (Web App) en mi Pantalla de inicio no funciona.
Tu pregunta no es clara. ¿Qué es sucediendo y qué es lo que quiero a suceder?

OriginalEl autor MrTouch | 2012-07-17

1 Comentario

  1. 4

    Hice una búsqueda en Google y encontré en este hilo macrumors.com con la misma pregunta que se explica:

    Por los enlaces que quiero abrir dentro de la WebApp y no abrir en Safari, yo uso este:

    <a onclick="parent.location='http://url.com/page.html'">Link</a>

    Por los enlaces que quiero abrir en Safari, yo uso el estándar HTML enlace:

    <a href="http://url.com/another_page.html">Link</a>

    Así que hice otra búsqueda en Google y encontré cómo detectar si está utilizando iOS en JavaScript: http://forrst.com/posts/JavaScript_iOS_Detection-Ofa

    Aquí está mi solución:

    var url = "http://www.google.com/";
    
    //Get the user agent string
    var deviceAgent = navigator.userAgent;
    //Set var to iOS device name or null
    var ios = deviceAgent.toLowerCase().match(/(iphone|ipod|ipad)/);
    
    $('#btn-fb-share').click(function() {
    
        if (ios) {
            //This is the line that matters
            $(this).attr('href', url);
        } else {
            //Your code that works for desktop browsers
            $('#btn-fb-share').attr("disabled", "disabled");
            window.open(url,2789432749274249,"location=yes,menubar=yes");
        }
    });

    He probado en Chrome en un ordenador de sobremesa, y en iOS desde Safari y a través de una Pantalla de Inicio WebApp. Aquí hay un enlace a mi prueba de trabajo: http://flackend.com/other/ios-test/

    Tenga en cuenta que usted necesita para establecer el enlace del target a _blank para que se abra en una nueva pestaña en Safari en iOS (no de una WebApp ejemplo, si se hubiera abierto en el Safari de la aplicación). Se puede establecer que de manera directa en su código HTML o hacerlo con jQuery usando attr.

    USTED señor, me salvó el día! Gracias mucho! Tomar todas la Reputación 😛

    OriginalEl autor jared_flack

Dejar respuesta

Please enter your comment!
Please enter your name here