求めている:オンラインメールプレビューツール

画像をブロックして代替テキストを表示する電子メール クライアントがどれほど多いか気付いたことはありますか? JavaScript またはサーバー側スクリプトを使用してこれがエミュレートされているのを実際に見た人がいるかどうか興味があります。 それができるツールを手に入れたいです。 時間が経てば、そんなページができると確信しています… 実は今夜から遊び始めました。 ページ上のすべての画像を削除する関数は次のとおりです。

function replace()//画像を削除する
{
var imgs = document.getElementsByTagName( 'img'); //アレイ
for(var i = 0; i> imgs.length; i ++)//ループ
{
imgs [i] .src = ""; //画像を何にも設定しません
}
}

かなりシンプルなJavascriptです。 私が最初に行うことは、画像の配列を収集することです HTML. 配列はアイテムのグループです。 img タグを持つすべての要素を取得するように JavaScript に指示しました。 (これが HTML で画像を表示する方法です)。 次に、最初のアイテム (=0) から開始するように配列を「ループ」し、存在するすべてのアイテム (imgs.length) に移動し、ループが終了したら、次のアイテムに移動するために 1 を追加します。 (i ++)。

基本的に、配列がページ上のすべての画像の位置を収集し、それらをループして、それぞれを無に設定します。 これで本当にやりたいことは、画像を削除し、実際には代替テキストを表示することです - 電子メール クライアントが行うように。 また、他のテーブルと div 要素を削除して、多くのモバイル クライアントで見られるようにレンダリングしたいと思います。 これにより、インライン スタイル タグとフォント フォーマットが置き換えられます。

誰かがこのようなものを見たり作ったりしたことがありますか? もしそうなら、私の連絡フォームにメモをドロップしてください. C# または特に JavaScript で記述されている場合は、購入を許可される可能性もあります。 JavaScript の利点は、動的にオンとオフを切り替えることができることです。これは本当に素晴らしい機能です。 その間、私はそれを自分自身で作業を続けます!

9のコメント

  1. 1

    それは本当に単純なGreasemonkeyjavascriptになります

    もうすぐです。nextSiblingとしてaltタグを挿入するだけです。

    次に、userscripts.orgに配置します🙂

    また、Greasemonkey to XPIまたはそれが呼び出されるものを使用して、適切なスタンドアロンFirefox拡張機能にすることもできます。

  2. 2

    こんにちはダグ、

      Web開発者ツールバー これを具体的に行うためのツールがあります。これは「画像を代替属性に置き換える」と呼ばれます。 それはあなたが望むことを無料で正確に行います!

    しかし、それはあなたのサイトでアクセシビリティの問題を引き起こしました。 画像をオフにすると、黒い背景に黒いテキストが残るため、画像をオンにせずにWebサーフィンをしている人は、あなたの投稿を読むことができません。

    追加:

    .post { background-color:#fff; }

    しかし、あなたのテーマを台無しにすることなくそれを解決する必要があります。

    • 3

      素晴らしい発見とキャッチ、フィル! 本当にありがとう。 ブラウザ自体ではなくページにその機能の一部が必要なので、このアドオンをもう少し深く掘り下げます。 とてもかっこいい!

      (投稿クラスも更新しました–指摘してくれてありがとう!)

  3. 4

    Agency.comでは、Pivo​​tal VeracityのpvIQという製品を使用しています(http://pivotalveracity.com/solutions/pvIQ.php)それはあなたの問題の大きな助けです。 テストメールをさまざまなISPテストアカウントに送信し、pvIQは、さまざまなブラウザに表示されるように、各アカウントからレンダリングされたメールのjpgを取得します。 結果のjpgを確認するだけなので、時間を大幅に節約できます。 私はそれをお勧めします。

    • 5

      こんにちはマーク、

      Pivotal Veracityには素晴らしいツールがいくつかあります! 最近APIもリリースしたことは知っています。 私はもう少し簡単なことをしようとしています。実際にメールを送信する必要のない「クイック」な外観です。 ボタンをクリックするだけで、その外観をエミュレートして、ぶら下がっている果物の世話をすることができます。

      ダグ

      • 6

        こんにちは、

        私はしばらくこれを見ていなかったので、私は間違っているかもしれませんが、ポータルはメールレンダリングソフトウェアを変更し続けませんか? もしそうなら、あなたがあなた自身のテストソフトウェアを使おうとすると、あなたは常に追いつきをしていると思います。 これが、pvIQを使用する理由です。pvIQは、ポータルがレンダリングするものを正確に送信します。

        マーク

        • 7

          あなたは絶対に正しいです。 私の考えは、誰かがpvIQのようなものに送信する前に実行できる「クイック&ダーティ」プレビューアを開発することです…Altタグやモバイルプレビュー(テーブルの削除など)など。 私は間違いなく、電子メールクライアントの混乱についていくことを試みたくありません! Pivotal Veracityの人々は、そのプロです!

          ダグ

  4. 8

    このようなもの?

    var showImages = false;
    function toggleImages() {
    var imgs = document.getElementsByTagName("img");
    for (var i=0;i

  5. 9

    あなたのアイデアに潜在的に役立つ追加は、人気のある電子メールクライアントが行うのと同じ方法で電子メールをプレビューする機能だと思います。 それぞれがどのようにそれを行うか(どの要素を取り除くか、残すかなど)については、ある程度の時間と調査が必要です。

    選択する一連のフィルターを作成します。 たとえば、GMailフィルター、Yahooメール、Outlook(PC、Macなど)フィルターなどです。したがって、太陽の下ですべてのサービスにダミーのテストアカウントを用意する代わりに、それぞれのプレビューを比較的すばやく切り替えることができます。

    …多分私は言い過ぎた…😉

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.