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

Забелязвали ли сте някога колко имейл клиенти блокират изображения и показват алтернативния текст? Любопитен съм дали някой всъщност е виждал това емулирано с помощта на 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 за намаляване на спама. Научете как се обработват данните за коментарите ви.