Шукаю: Інтэрнэт-інструмент папярэдняга прагляду электроннай пошты

Вы калі-небудзь заўважалі, колькі паштовых кліентаў блакуе выявы і адлюстроўвае альтэрнатыўны тэкст? Мне цікава, ці сапраўды хто-небудзь бачыў гэтую эмуляцыю з выкарыстаннем JavaScript або сцэнарыяў на баку сервера. Я хацеў бы атрымаць руку на інструменце, які гэта робіць. З часам я ўпэўнены, што змагу стварыць такую ​​старонку ... Я на самой справе пачаў гуляць сёння ўвечары. Вось функцыя, якая выдаляе ўсе вашы выявы на старонцы:

функцыя replace () // выдаленне малюнкаў
{
var imgs = document.getElementsByTagName ('img'); // масіў
for (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 як наступны брат.

    затым размясціце яго на userscripts.org 🙂

    Вы таксама можаце выкарыстоўваць Greasemonkey для XPI альбо як яго яшчэ называюць, каб зрабіць яго належным аўтаномным пашырэннем Firefox.

  2. 2

    Прывітанне Дуг,

    ,en Панэль інструментаў для вэб-распрацоўшчыкаў мае інструмент для гэтага, які называецца "Замяніць выявы на атрыбуты Alt". Ён робіць менавіта тое, што вы хочаце, бясплатна!

    Аднак гэта ўзнікла праблему даступнасці вашага сайта. Адключэнне малюнкаў пакідае чорны тэкст на чорным фоне, таму любы карыстальнік Інтэрнэту без малюнкаў не будзе чытаць вашы паведамленні!

    Даданне:

    .post { background-color:#fff; }

    павінны вырашыць гэта, не сапсуючы сваю тэму.

    • 3

      Выдатная знаходка і ўлоў, Філ! Вялікі дзякуй. Я збіраюся паглыбіцца ў гэты дадатак крыху глыбей, бо мне патрэбна частка гэтай функцыянальнасці на старонцы, а не ў самім браўзэры. Вельмі файна!

      (Я таксама абнавіў свой клас паведамленняў - дзякуй, што звярнуў на гэта ўвагу!)

  3. 4

    На Agency.com мы выкарыстоўваем прадукт пад назвай pvIQ ад Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php), што вельмі дапамагае вырашыць вашу праблему. Мы адпраўляем тэставыя паведамленні электроннай пошты на розныя ўліковыя запісы правайдэраў, а затым pvIQ атрымлівае jpgs адлюстраваных лістоў з кожнага з уліковых запісаў, бо яны будуць адлюстроўвацца ў розных аглядальніках. Гэта эканоміць нам велізарную колькасць часу, бо нам застаецца толькі паглядзець на атрыманыя jpgs. Я б рэкамендаваў яго.

    • 5

      Прывітанне Марк,

      Ключавая праўдзівасць мае некалькі неверагодных інструментаў! Я ведаю, што яны нядаўна таксама запусцілі API. Я спрабую зрабіць нешта прасцейшае, проста "хуткі" погляд, які не патрабуе фактычнай адпраўкі электроннага ліста. Уявіце толькі, каб націснуць кнопку, і вы можаце пераймаць, як гэта будзе выглядаць, проста паклапаціўшыся пра нізка звісаючыя садавіна.

      Doug

      • 6

        прывітанне,

        Я даўно на гэта не глядзеў, таму, магчыма, памыляюся, але ці не працягваюць парталы мяняць сваё праграмнае забеспячэнне для адлюстравання пошты? Калі б яны гэта зрабілі, я думаю, вы б пастаянна гулялі ў даганялкі, калі б паспрабавалі выкарыстаць уласнае тэставае праграмнае забеспячэнне. Вось чаму мы выкарыстоўваем pvIQ: ён пасылае нам менавіта тое, што падае партал.

        Мозг

        • 7

          Вы абсалютна маеце рацыю. Я думаю, проста распрацоўваю "хуткі і брудны" папярэдні прагляд, які хтосьці можа выканаць перад адпраўкай на нешта накшталт pvIQ ... такія рэчы, як тэгі Alt і папярэдні прагляд на мабільным тэлефоне (табліцы выдалены і г.д.). Я дакладна не хачу спрабаваць не адставаць ад беспарадкаў з кліентамі электроннай пошты! Людзі Pivotal Veracity у гэтым плюсы!

          Doug

  4. 8
  5. 9

    Я думаю, што патэнцыйна карысным дадаткам да вашай ідэі будзе магчымасць папярэдняга прагляду лістоў такім жа чынам, як гэта робяць папулярныя паштовыя кліенты. Спатрэбіцца некаторы час і даследаванне таго, як гэта робіць кожны (якія элементы яны здымаюць, пакідаюць і г.д.).

    Вы ствараеце серыю фільтраў на выбар. Скажам, фільтр GMail, фільтры Yahoo Mail, Outlook (PC, Mac і г.д.) і г. д. Такім чынам, замест таго, каб мець фіктыўныя ўліковыя запісы ў кожнай службе пад сонцам, вы можаце параўнальна хутка праглядаць папярэдні прагляд кожнай з іх.

    ... магчыма, я сказаў занадта шмат ... 😉

Што вы думаеце?

Гэты сайт выкарыстоўвае Akismet для барацьбы са спамам. Даведайцеся, як дадзеныя апрацоўваюцца каментар.