Charger un fichier html différent basé sur le navigateur?

Je ne sais pas si cela est possible, mais le googling m'a conduit à ne pas répondre clairement. Existe-t-il un moyen de charger un ensemble différent de html basé sur le type de navigateur?

C'est vraiment la seule option pour mon cas unique. J'ai essayé tout le reste et la seule façon d'y parvenir est de mettre un fichier html entièrement différent avec des scripts et des ressources entièrement différents pour Internet Explorer 10 et ci-dessous. J'ai un script qui doit rester en haut de l'ordre de chargement afin de fonctionner correctement (google polymer js file) et je dois également détecter si le navigateur est ie10 ou inférieur et être capable de dire au navigateur de ne pas le charger Si tel est le cas, il entraîne tant d'erreurs que rien d'autre ne va charger sous la page.

Alors, oui, comment changer le mode html basé sur le navigateur? De préférence, quelque chose qui fonctionnerait avec ie10 et moins? Toute information ou liens seront appréciés. Je vous remercie!

Modifier Je ne peux pas utiliser un commentaire conditionnel car j'ai besoin de cela avec ie10 et ils ont supprimé le support pour les conditionnels. 🙁

Edit Je peux maintenant détecter IE10 et ci-dessous bien grâce à Siropo, mais je ne sais pas comment faire charger le fichier avant le reste de la page. Comme si je dois vérifier si le navigateur est IE10 et ci-dessous, puis chargez le Déposez-le avec tout le reste. Est-ce qu'il y a peut-être un moyen de tout attendre jusqu'à ce que je vérifie le type de navigateur?

Si vous avez seulement besoin de détecter différentes versions d'IE et pas d'autres navigateurs, vous pouvez aller pour les conditionnalités HTML spécifiques à IE:

http://www.sitepoint.com/web-foundations/internet-explorer-conditional-comments/

Si vous utilisez un cadre pour créer votre site qui prend en charge une sorte de système de planification, vous pouvez compter sur l'agent utilisateur dans la demande pour rendre différents modèles HTML pour différents navigateurs.

Jetez un oeil sur la fonction get_borwser php.

Voici une autre alternative.

Cette astuce fonctionne pour tous les navigateurs.

<html> <head> <title>Redirecting</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> {var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "unknown"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this.searchString(this.dataOS) || "an unknown OS"; }, searchString: function (data) { for (var i=0;i<data.length;i++) { var dataString = data[i].string; var dataProp = data[i].prop; this.versionSearchString = data[i].versionSearch || data[i].identity; if (dataString) { if (dataString.indexOf(data[i].subString) != -1) return data[i].identity; } else if (dataProp) return data[i].identity; } }, searchVersion: function (dataString) { var index = dataString.indexOf(this.versionSearchString); if (index == -1) return; return parseFloat(dataString.substring(index+this.versionSearchString.length+1)); }, dataBrowser: [ { string: navigator.userAgent, subString: "Chrome", identity: "Chrome" }, { string: navigator.vendor, subString: "Apple", identity: "Safari", versionSearch: "Version" }, { prop: window.opera, identity: "Opera" }, { string: navigator.vendor, subString: "KDE", identity: "Konqueror" }, { string: navigator.userAgent, subString: "Firefox", identity: "Firefox" }, { // for newer Netscapes (6+) string: navigator.userAgent, subString: "Netscape", identity: "Netscape" }, { string: navigator.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE" }, { string: navigator.userAgent, subString: "Gecko", identity: "Mozilla", versionSearch: "rv" }, { // for older Netscapes (4-) string: navigator.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch: "Mozilla" } ], dataOS : [ { string: navigator.platform, subString: "Win", identity: "Windows" }, { string: navigator.platform, subString: "Mac", identity: "Mac" }, { string: navigator.userAgent, subString: "iPhone", identity: "iPhone/iPod" }, { string: navigator.platform, subString: "Linux", identity: "Linux" } ] }; BrowserDetect.init(); var browser = BrowserDetect.browser; browser = browser.toLowerCase(); var link = browser + '.html'; document.write('<meta http-equiv="refresh" content="1; url=' + link + '"/>'); </script> </head> <body background="/images/background1.jpg"> <p align=center><font color=green size=5>Rendering Browser</font></p> <p align=center><img src="http://www.lacosta-seaisle.com/images/loading_aqua.gif" alt="loading"></p> </body> </html>

Voici plus de données sur cette fonctionnalité: https://community.x10hosting.com/threads/javascript-load-different-webpage-depending-on-browser-type.98287/