3

HTML メール テンプレートを作成していますが、ブラウザーで表示されるプレビューが、メールの受信トレイで実際に表示されるものと少し異なることに気付きました。ブラウザでは 2 つのテーブルを並べて表示することがありますが、受け取った電子メールでは、それらが並んでおらず、小さな違いがある場合があります。

ですから、ブラウザーでプレビューされた HTML メールを、受信トレイにあるものとまったく同じにすることができるかどうかを知りたいだけです。これは、メール用に独自のデフォルトの css または sth を持っている個々のメール サービス プロバイダーと、使用しているブラウザーとオペレーティング システムに間違いなく関係があることを私は知っています。しかし、gmail などの少なくとも 1 つの電子メール サービスで、使用しているブラウザやオペレーティング システムに関係なく、プレビューするたびに受信トレイに表示されるものとまったく同じであることを確認することは可能でしょうか? それはどれほど難しいですか？

4

2 に答える 2

5

質問に簡単に答えるには：

いいえ、ブラウザで HTML メールをプレビューして、Microsoft Outlook や Gmail などの特定のメール クライアントでレンダリングされているかのように表示することはできないと思います。これは解決策ではありませんが、私が考えることができる最も類似した機能は、Google Chrome の開発者ツール内で別の Web ブラウザーのユーザー エージェントを使用する機能です。

更新 (2013 年 5 月 31 日):以下は、HTML 電子メールにアプローチする際の有用なガイドとしても提供される可能性があります。

  1. http://rodriguezcommaj.com/blog/The-Little-Guide-To-HTML-Email

  2. http://rodriguezcommaj.com/modern-html-email

コンテキストと役立つリソースを含むより詳細な回答:

これは、解決するのが非常に困難で、しばしば苛立たしい問題です。これは、Web 開発者が継続的に取り組んでいるクロス ブラウザーの互換性の問題に大きく似ています。ただし、いくつかの主な違いがあります。

  • メイン ストリーム ブラウザは 5 つしかありませんが、一般的な電子メール クライアントは 20 以上あります。

  • さらに、W3C はブラウザの標準化に大きく貢献しています。このプロセスはゆっくりとしたものでしたが、これまで電子メール クライアント内で見られたどの標準化よりもはるかに速いペースで進んでいます。

たとえば、この記事では、2007 年に電子メール クライアントの標準化が大幅に後退したことについて説明しています。また、この問題を簡潔に要約しています。

「IE チームは、より準拠性の高い新しい Internet Explorer 7 を使用して、世界中の Web 開発者の苦悩を和らげていましたが、Office チームは、Outlook が常に電子メールに使用していた IE ベースのレンダリング エンジンを取り除き、新しい Internet Explorer 7 に置き換えました。それを…ドラムロールでお願いします…Microsoft Word」。

上記の記事では、Microsoft が提供するツール2007 Office System Tool: Outlook HTML and CSS Validatorも参照しています。Microsoft は、デザイナーや開発者が Outlook の貧弱な標準サポートをサポートする作業を支援するために、次のドキュメントも提供しています。

Outlook 2007 の Word 2007 HTML および CSS レンダリング機能 (パート 1) Outlook 2007 の
Word 2007 HTML および CSS レンダリング機能 (パート 2) .

テスト用の HTML 電子メールを独自の電子メール クライアント (Web またはデスクトップ ベース) に送信する以外に、一般的な電子メール クライアントのほとんどすべてをテストする最良の方法は、次の電子メール サービスのいずれかを使用することです。それぞれが、約 20 ほどの電子メール クライアントで電子メール テンプレートをプレビューする機能を提供します。順不同で、それらは次のとおりです。

GetResponse Litmus
メール
Chimp
キャンペーン
Acid でのメールの監視

無料のオプションを探している場合は、ほとんどの電子メール クライアントで CSS のサポートが制限されているため、タグを削除するだけでプレビューを提供するPremailerがあります。たとえば、私の知る限り、Gmail はインライン CSS と外部参照 CSS の両方を完全に取り除きます。

さらに、どのクライアントが最も多くの市場シェアを持っているか知りたい場合は、次の 2 つの簡単な見積もりをご覧ください。

Litmus メール クライアント統計
キャンペーン モニター メール クライアント統計

頑張ってください。これがお役に立てば幸いです。

于 2012-12-12T07:30:27.357 に答える