Pré/Afficher un e-mail HTML dans un navigateur comme s'il s'agissait d'Outlook

Question

Si vous recherchez un projet dans lequel vous avez un e-mail conçu en HTML, mais en utilisant votre navigateur favori, vous souhaitez voir à quoi ressemblera l'e-mail comme s'il était affiché Outlook, GMail, Apple Mail, Hotmail, etc ....

C'est là que la question devient deux parties.

Vous savez, dans Chrome, vous pouvez prévisualiser une page en sélectionnant un périphérique? En tant que concepteur du modèle d'email, il serait bien que vous puissiez faire la même chose avec Chrome ou Firework et avec une extension. Est-ce que quelqu'un sait d'un tel plugin/extension.

Revenons maintenant à la question principale. Ce que j'essaie de faire est de prendre un email HTML et un aperçu dans un navigateur comme s'il était vu par un client de messagerie. Est-ce que quelqu'un sait soit une bibliothèque PHP ou (préféré) une bibliothèque JavaScript ou jQuery qui modifie en substance les balises & css pour vous donner une idée de ce que l'e-mail serait comme si MS Outlook par exemple.

Je sais qu'il ya beaucoup de sites là-bas qui offrent cette fonctionnalité dans le cadre de leur fonction de messagerie électronique de prévisualisation dans le marketing par courriel, etc.

Cependant, je suis en train de construire cette fonctionnalité dans un projet qui peut » t utilisez ces sites.

Des idées?

Answer 1

Vous ne pouvez pas facilement imiter l'un des préprocesseurs du client de messagerie. Ceux-ci sont propriétaires et utilisés pour plus que la simple vérification du code HTML avant le rendu. C'est aussi une grande partie de ce qui maintient les emails sécurisés. Ceux-ci ne seraient pas partagés autrement il y aurait beaucoup de caractères douteux qui emploieraient cette information pour la mauvaise volonté.

L'alternative (utilisée actuellement par la plupart des sites de test) est une tâche importante. Fondamentalement, vous devez créer un compte sur chaque client de messagerie que vous souhaitez tester, puis avoir un périphérique capable de tirer ce live, chaque fois que vous voulez le tester, et capture d'écran et envoyer à l'endroit où vous voulez les recueillir à.

Vous auriez besoin non seulement de chaque client de messagerie, mais également des navigateurs sur lesquels les utilisateurs voient leurs clients Webmail. Vous regardez probablement plus de 40 instances différentes par test, et ce n'est pas encore complet (laisse de côté la variance des nombreux choix de messagerie Android différents). Chaque client de messagerie utilise son propre préprocesseur et de nombreux moteurs de rendu différents car il n'existe pas de standard pour le courrier électronique comme pour le Web. À moins que vous ne cherchiez à créer ceci en tant qu'entreprise, il est beaucoup plus efficace d'acheter un compte chez Litmus ou Email on Acid ou quelque chose de similaire que de créer le vôtre.