Търся: Инструмент за онлайн преглед на имейл

Забелязали ли сте някога колко имейл клиенти блокират изображения и показват алтернативен текст? Интересно ми е дали някой е виждал тази емулация, използваща JavaScript или скриптове от страна на сървъра. Бих искал да се докосна до инструмент, който го прави. С течение на времето съм сигурен, че мога да създам такава страница ... Всъщност започнах да играя тази вечер. Ето функция, която премахва всичките ви изображения на страница:

функция replace () // премахване на изображения
{
var imgs = document.getElementsByTagName ('img'); // масив
за (var i = 0; i> imgs.length; i ++) // цикъл
{
imgs [i] .src = ""; // задайте изображенията на нищо
}
}

Това е доста прост Javascript. Първото нещо, което правя, е да събера масив от изображения в HTML. Масивът е група от елементи. Казах на javascript да получи всеки елемент, който има img маркер. (Така показвате изображения в HTML). След това „преглеждам“ масива, като му казвам да започне с първия елемент (= 0), отивам за възможно най -много елементи (imgs.length) и когато приключи с цикъла, добавя 1, за да премине към следващия елемент (i ++).

Това, което по принцип се случва, е, че масивът събира местоположението на всяко изображение на страницата, циклично ги преглежда и поставя всяко на нищо. Това, което наистина бих искал да направя с това, е да премахна изображението, но всъщност да покажа алтернативен текст - точно както би направил имейл клиент. Бих искал също така да премахна други елементи на таблица и div, за да го изобразя, както би изглеждало в много мобилни клиенти. Това ще замени вградения стил на етикет и форматиране на шрифта.

Някой да е виждал или изграждал нещо подобно? Ако е така, оставете ми бележка във формата за контакт. Ако е написано на C# или по -специално JavaScript, може дори да е нещо, което бих могъл да получа разрешение да закупя. Предимството на JavaScript е, че може да се изключва и включва динамично - наистина хубава функция! Междувременно ще продължа да работя сам!

9 Коментари

  1. 1

    Това би бил наистина прост javascript на Greasemonkey

    Почти сте готови, просто вмъкнете alt тага като следващSibling.

    след това го поставете на userscripts.org 🙂

    Можете също така да използвате Greasemonkey за XPI или каквото и да се нарича, за да го направите подходящо самостоятелно разширение на Firefox.

  2. 2

    Здравей Дъг,

    Най- Лента с инструменти за уеб програмисти има инструмент за това, наречен „Замяна на изображения с Alt атрибути“. Той прави точно това, което искате безплатно!

    Все пак възникна проблем с достъпността на вашия сайт. Изключването на изображения оставя черен текст на черен фон, така че всеки, който сърфира в мрежата без изображения, няма да чете публикациите ви!

    Добавяне:

    .post { background-color:#fff; }

    трябва да реши това, без да обърквате темата си.

    • 3

      Страхотна находка и улов, Фил! Много благодаря. Ще разгледам тази добавка малко по-задълбочено, тъй като имам нужда от част от тази функционалност в дадена страница, а не от самия браузър. Много яко!

      (Също така актуализирах класа си за публикации - благодаря, че го посочихте!)

  3. 4

    В Agency.com използваме продукт, наречен pvIQ от Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php), което е голяма помощ за вашия проблем. Изпращаме нашите тестови имейли до различните ни тестови акаунти на ISP и след това pvIQ извлича jpgs на визуализираните имейли от всеки от акаунтите, както биха се появили в различни браузъри. Това ни спестява огромно количество време, тъй като всичко, което трябва да направим, е да разгледаме получените jpgs. Бих го препоръчал.

    • 5

      Hi Mark,

      Pivotal Veracity има някои невероятни инструменти! Знам, че наскоро стартираха и API. Опитвам се да направя нещо по-опростено, просто „бърз“ поглед, който не изисква реално изпращане на имейла. Представете си само един бутон за щракване и можете да подражавате как би изглеждал, само за да се погрижите за ниско висящите плодове.

      Дъг

      • 6

        Здравейте,

        Не съм гледал това от известно време, така че може да греша, но порталите не продължават ли да променят софтуера си за визуализация на поща? Ако го направиха, бих си помислил, че непрекъснато ще играете догонване, ако се опитате да използвате собствен тестов софтуер. Ето защо използваме pvIQ: той ни изпраща точно това, което порталът би изобразил.

        Марк

        • 7

          Абсолютно си прав. Моето мислене е просто да разработя „бърз и мръсен“ предварителен преглед, който някой може да изпълни, преди да го изпрати на нещо като pvIQ ... неща като Alt тагове и преглед на мобилни устройства (премахнати таблици и т.н.). Определено не искам да се опитвам да поддържам бъркотията с имейл клиенти! Тези хора в Pivotal Veracity са плюсовете в това!

          Дъг

  4. 8
  5. 9

    Мисля, че потенциално полезно допълнение към вашата идея би била възможността за предварителен преглед на имейлите по същия начин, по който правят популярните имейл клиенти. Ще отнеме известно време и ще проучи как всеки го прави (какви елементи да съблече, остави и т.н.).

    Изграждате серия от филтри, от които да избирате. Да речем, филтър GMail, филтри Yahoo Mail, Outlook (PC, Mac и др.) И т.н. Така че, вместо да се налага да имате фиктивни тестови акаунти с всяка услуга под слънцето, можете да преминете през предварителен преглед на всеки сравнително бързо.

    ... може би съм казал твърде много ... 😉

Какво мислите?

Този сайт използва Akismet за намаляване на спама. Научете как се обработват данните за коментарите ви.