Comment tester et débuger son site sur tous les navigateurs?

Bonjour,

Je me demandais quelle solution vous utilisiez pour tester votre site sur tous les navigateurs?

Je souhaiterais pouvoir tester mon site sur les navigateurs suivants:
- Internet Explorer 6 à 11
- Chrome
- Firefox
- Safari
- Android / iOS

Après plusieurs recherche, j'ai trouvé ce site pour des VM VirtualBox pour les différentes versions de IE:
https://modern.ie/fr-fr/virtualization-tools#downloads

Le problème est que les versions de windows sont limitées dans le temps et qu'il faille en re télécharger pour en avoir de nouvelles (le fait d'exporter, pour la réimporter quand la limite atteinte ne fonctionne a priori pas).

Le mode compatibilité et IETester ne sont pas vraiment fiables par rapport a de vrais IE.


Donc mes questions:
- Quels solutions utilisez vous pour tester votre site sur plusieurs navigateurs?
- Connaîtriez vous des emulateurs pour iPhone/iPad/Android pour tester son site?

ps: Je souhaiterais aussi une solution gratuite (donc les offres mensuelles pour tester avec des VM dans le cloud non merci).

D'avance merci de votre aide.

Voici deux adresses qui pourraient te satisfaire : http://browsershots.org/ et http://www.browserstack.com/

Citation:

---

Le mode compatibilité et IETester ne sont pas vraiment fiables par rapport a de vrais IE.

---

Sous IE11 le rendu en mode de compatibilité pour versions inférieures est quand même très très proche de la réalité (par contre pour débugguer ça reste une m**** sans nom on est d'accord).

Merci des ta réponse.

Cependant pour les modes de comptabilités c'est proches mais par exemple sous un IE10 (il prendra en compte les box-shadow en css alors que IE8 non, ainsi que les :before :after il me semble).
Sans compter certains bugs non reproductibles avec du js.
Je n'ai pas testé IE11 mais ca doit être la même chose.
Et c'est possible ou toujours pas d'inspecter une div ajoutée avec un appel ajax (quand même une blague de ne pas pouvoir le faire ça sur IE10...)?

browserstack.com me semble être payante comme solution non?
browsershots.org semble intéressant pour voir si son site rend bien mais pas pour le debugguer malheureusement.

Je pense que je vais tester les vm de modern.ie en espérant qu'ils ne demandent pas de les re télécharger après X jours si la licence prend fin...

Si tu veux être le plus proche possible de la réalité, la VM est en effet la meilleure solution. Il me semble qu'on peut faire un snapshot complet d'une VM et la recharger à tout moment pour passer outre ce souci d'expiration de license.

Sinon, IETester permet de constater les principaux problèmes de compatibilité. Tu peux aussi prévenir plutôt que guérir, en te servant par exemple d'un service de polyfills comme celui-là qui vient de sortir : http://polyfill.webservices.ft.com/

Sur Chrome, tu à un émulateur basique mais pratique pour les mobiles (tu es loin d'avoir tout mes c'est un début dans ta recherche)
Pour l'activer :

- F12
- Show drawer (la flèche avec les petits traits en haut à droite de la console, juste à côté de la roue denté)
- Emulation

Tu n'as plus qu'a choisir le modèle à émuler, la résolution, toussa toussa.
Ta sourie se transformera en petit rond qui représente le point de pression d'un doigt.

En espérant que ça aide ;)

@SylvainPV:
Oui IETester est plutôt pas mal mais la debugbar est vraiment insupportable je trouve ^^
Mais en tout cas il virtualise mieux (rendu très proche de la réalité) que les modes IE7-IE8-IE9 dans IE10.
Et sinon pour prévenir j'utilisais un truc comme modernizer (qui doit être le même principe que polyfill).

@Pouettee:
Oui en effet je connaissais ;)
Je jetterais aussi un oeil du côté des émulateurs Android pour tester avec pour voir.