Automatiquement la force mobile du navigateur à la vue du bureau

Avoir accompli beaucoup de travail sur un projet qui utilise Paypal IPN pour effectuer des paiements, j'ai trouvé que c'est un succès sur un navigateur de bureau, mais ne parvient pas totalement à 100% sur le mobile (sur Chrome, au moins).

Après quelques recherches, j'ai trouvé que cela est dû au navigateur mobile à l'aide de la méthode GET pour le retour de Paypal, par opposition à l'ordinateur de bureau à l'aide de POST.

Si je clique sur 'Demande de poste de travail View" sur le navigateur mobile, cela vous permettra de le processus se termine correctement, mais ce n'est évidemment pas très agréable pour l'utilisateur final.

Donc, comme je l'ai appris à un peu d'une impasse avec ce (en fait, j'ai été informé que c'est un Paypal question qu'il n'y a pas de contrôle sur l' - ne sais pas si c'est vrai ou pas), est-il un moyen de forcer automatiquement à la vue du bureau sur un navigateur mobile comme un dernier recours?

J'ai essayé de changer la largeur de la fenêtre d'affichage (<meta name="viewport" content="width=1024">
), mais tout cela n'est d'élargir l'affichage de navigateur mobile. Il ne fait pas les donner à la bonne vue du bureau que vous obtenez en cliquant sur "Demande de poste de travail View" manuellement.

Serait ce que quelqu'un sait si il existe un moyen de forcer l'affichage de bureau via HTML ou JS, s'il vous plaît?

Merci,

Dan.

InformationsquelleAutor Daniel Underwood | 2016-12-15

Généralement <meta name="viewport" content="width=1024"> est suffisant dans certains cas.

Mais si vous avez un index séparé pour mobile et desktop version, vous pouvez utiliser ce script:

        function parseUA() {
            var u = navigator.userAgent;
            var u2 = navigator.userAgent.toLowerCase();
            return { 
                trident: u.indexOf('Trident') > -1, 
                presto: u.indexOf('Presto') > -1, 
                webKit: u.indexOf('AppleWebKit') > -1, 
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, 
                mobile: !!u.match(/AppleWebKit.*Mobile.*/), 
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), 
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, 
                iPhone: u.indexOf('iPhone') > -1, 
                iPad: u.indexOf('iPad') > -1, 
                webApp: u.indexOf('Safari') == -1, 
                iosv: u.substr(u.indexOf('iPhone OS') + 9, 3),
                weixin: u2.match(/MicroMessenger/i) == "micromessenger",
                ali: u.indexOf('AliApp') > -1,
            };
        }
        var ua = parseUA();

        if (ua.mobile) {
            location.href = './pc.html';
        }

Fondamentalement, même si l'aide de votre mobile, alors il sera redirigé dans votre version de bureau.(Personnellement, j'utilise cette méthode).

Ce script fonctionne aussi dans ce lien.

var viewMode = getCookie("view-mode");
if(viewMode == "desktop"){
    viewport.setAttribute('content', 'width=1024');
}else if (viewMode == "mobile"){
    viewport.setAttribute('content', 'width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no');
}

Salut, je n'ai pas d'indices distincts pour cela. J'ai essayé de tester avec de la fenêtre d'affichage, mais je n'ai pas de joie, malheureusement. Merci.

InformationsquelleAutor jt25

4

Donc, je crois que c'est la réponse...! Ayant fait beaucoup de travail dans l'Paypal sandbox de faire les choses, en dernier recours, j'ai décidé de simplement informer l'utilisateur qu'il aurait à faire, en mode de bureau pour leur navigateur mobile et à partir de là, un léger désagrément.

Puis j'ai changé mes liens à partir de bac à sable pour vivre Paypal. Ensuite, rien n'a fonctionné, soit sur desktop ou mobile! Un de complètement différent interface de connexion est apparu pour la version live, ce qui signifiait que tous les membres de mon bac à sable tinkerings étaient pour rien. Cependant, la nouvelle interface a une url semblable à la version mobile qui a été à l'origine des problèmes.

J'ai remarqué que la plupart des Paypal de données a été tiré à travers, et puis il m'est apparu. Alors qu'il était de placer le txn_id de détails dans ma base de données, ma page de traitement de paiement a été en s'appuyant sur ces données dans la base de données pour réussir pleinement. Ces données n'a pas été entré dans la base de données assez rapide pour l'info pour être pris.

En haut de ma page de traitement de paiement, je suis entré à sleep(15); pour arrêter le processus et donner de l'information assez de temps pour entrer dans la base de données. Maintenant, tout semble fonctionner correctement.

InformationsquelleAutor Daniel Underwood

Réglage de la width à initial ne résout mon problème. Le problème était que je n'ai pas le tester correctement. Donc, mon code jusqu'à présent a été la bonne.

Le JQuery, le code est:

$(function() {

$( ".respoonsive-off" ).click(function() {
   $('meta[name="viewport"]').prop('content', 'width=initial');
});
$( ".responsive-on" ).click(function() {
   $('meta[name="viewport"]').prop('content', 'width=device-width, initial-scale=1');
});

});

Et puis et un réactif requête de média css, avec laquelle on peut changer de vue. Dans mon cas: sur la vue de téléphone portable au bureau, en cliquant sur les .responsive-off et .responsive-on cas de besoin de revenir en arrière. En quelque sorte, comme celle - ci, mais je pense que vous voyez l'idée à l'avance:

@media (min-width: 1024px)/*or anything else you what this to show/hide*/{
        .respoonsive-on{
        text-decoration: none;
        display: block;
    }
    .respoonsive-off{
        text-decoration: underline;
        font-weight: bold;
        display: none;
    }

}
}
@media (max-width: 1024px){
            .respoonsive-on{
        text-decoration: underline;
        font-weight: bold;
        display: none;
    }
        .respoonsive-off{
        display: block;
        font-weight: normal;
    }
}

De sorte qu'il peut être sur la même page que le contenu s'affiche; aucun autre/pages distinctes nécessaires.

InformationsquelleAutor iorgu

Vous devez vous connecter pour publier un commentaire.