Naghahanap: Online Email Tool Preview

Napansin mo ba kung gaano karaming mga kliyente sa email ang nagba-block ng mga imahe at ipinakita ang kahaliling teksto? Nagtataka ako kung may nakakita man talaga sa emulate na paggamit ng JavaScript o Server-side scripting. Nais kong makakuha ng isang kamay sa isang tool na ginagawa ito. Sa paglipas ng panahon, sigurado akong makakabuo ako ng gayong pahina ... Nagsimula talaga akong maglaro ngayong gabi. Narito ang isang pagpapaandar na inaalis ang lahat ng iyong mga imahe sa isang pahina:

palitan ang function () // alisin ang mga imahe
{
var imgs = document.getE ElementByTagName ('img'); // array
para sa (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // itakda ang mga imahe sa wala
}
}

Ito ay medyo simpleng Javascript. Ang unang bagay na ginagawa ko ay mangolekta ng isang hanay ng mga imahe sa HTML. Ang isang array ay isang pangkat ng mga item. Sinabi ko sa javascript upang makuha ang bawat elemento na may isang tag na img. (Iyon ang paraan ng pagpapakita ng mga imahe sa HTML). Susunod na 'loop' ako sa pamamagitan ng array sa pamamagitan ng pagsasabi dito na magsimula sa unang item (= 0), pumunta para sa maraming mga item na may (img. Haba), at kapag tapos na sa loop magdagdag ng 1 upang lumipat sa susunod na item (i ++).

Ano ang karaniwang nangyayari ay kinokolekta ng array ang lokasyon ng bawat imahe sa pahina, mga loop sa pamamagitan ng mga ito, at itinatakda ang bawat isa sa wala. Ang nais kong gawin dito ay alisin ang imahe ngunit talagang ipakita ang anumang kahaliling teksto - tulad ng gagawin ng isang email client. Gusto ko ring alisin ang iba pang mga elemento ng talahanayan at div upang mai-render ito tulad ng pagtingin sa maraming Mga Mobile Client. Papalitan nito ang inline style na tag at pag-format ng font.

Mayroon bang nakakita o nagtayo ng anumang katulad nito? Kung gayon, ihulog sa akin ang isang tala sa aking contact form. Kung nakasulat ito sa C # o lalo na sa JavaScript, maaaring maging isang bagay na maaari akong pahintulutan na bumili. Ang bentahe ng JavaScript ay maaari itong i-off at ma-dynamic - isang napakagandang tampok! Samantala, ipagpapatuloy ko ang paggawa nito sa aking sarili!

9 Comments

  1. 1

    Iyon ay magiging isang simpleng simpleng javascript ng Greasemonkey

    Halos nandiyan ka na, isingit mo lang ang alt tag bilang susunod naSibling.

    pagkatapos ay ilagay ito sa Userscripts.org 🙂

    Maaari mo ring gamitin ang Greasemonkey sa XPI o kung ano man ang tawag dito upang gawin itong isang tamang standalone Firefox extension.

  2. 2

    Kumusta Doug,

    Ang Web Developer Toolbar ay may isang tool para sa partikular na paggawa nito, na tinawag na "Palitan ang Mga Imahe Ng Mga Katangian sa Alt". Ginagawa mismo nito ang nais mo nang libre!

    Ito ay nagtapon ng isang isyu sa kakayahang mai-access sa iyong site. Ang pag-off ng mga imahe ay nag-iiwan ng itim na teksto sa isang itim na background, kaya't ang sinumang mag-surf sa web nang walang mga imahe ay hindi babasahin ang iyong mga post!

    Pagdaragdag:

    .post { background-color:#fff; }

    dapat na malutas iyon nang hindi ginugulo ang iyong tema.

    • 3

      Mahusay na hanapin at mahuli, Phil! Maraming salamat. Pupunta ako sa add-on na ito nang medyo mas malalim dahil kailangan ko ng ilan sa pagpapaandar na iyon sa isang pahina kaysa sa browser mismo. Sobrang cool!

      (In-update ko rin ang aking klase sa pag-post - salamat sa pagturo nito!)

  3. 4

    Sa Agency.com gumagamit kami ng produktong tinatawag na pvIQ mula sa Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) malaking tulong yan sa problema mo. Ipinapadala namin ang aming mga email sa pagsubok sa aming iba't ibang mga account ng pagsubok sa ISP at pagkatapos ay nakuha ng pvIQ ang mga jpg ng na-render na mga email mula sa bawat isa sa mga account, dahil lilitaw ang mga ito sa iba't ibang mga browser. Makakatipid ito sa atin ng napakaraming oras, dahil ang kailangan lang nating gawin ay tingnan ang mga nagresultang jpgs. Inirerekumenda ko ito.

    • 5

      Hi Mark,

      Ang Pivotal Veracity ay may ilang mga hindi kapani-paniwala na tool! Alam kong naglunsad din sila kamakailan ng isang API. Sinusubukan kong gumawa ng isang bagay na medyo mas simple, isang mabilis na hitsura lamang na hindi nangangailangan ng tunay na pagpapadala ng email. Mag-isip lamang ng isang pindutan upang mag-click at maaari mong tularan kung paano ito hitsura, upang mapangalagaan lamang ang mababang-nakasabit na prutas.

      Doug

      • 6

        Kumusta,

        Kanina ko pa ito hindi tiningnan, kaya't maaaring mali ako, ngunit hindi ba't patuloy na binabago ng mga portal ang kanilang software sa pag-render ng mail? Kung ginawa nila iyon, iisipin kong patuloy kang naglalaro ng catch-up kung sinubukan mong gamitin ang iyong sariling software ng pagsubok. Iyon ang dahilan kung bakit gumagamit kami ng pvIQ: nagpapadala ito sa amin nang eksakto kung ano ang ibibigay ng portal.

        Utak ng buto

        • 7

          Talagang tama ka. Ang aking pag-iisip ay simpleng pagbuo ng isang 'mabilis at maruming' previewer na maaaring maisagawa ng isang tao bago ipadala sa isang bagay tulad ng pvIQ ... mga bagay tulad ng Alt tag at mobile preview (tinanggal ang mga talahanayan, atbp.). Tiyak na ayaw kong subukang makasabay sa gulo doon sa mga Email Clients! Yaong mga tao sa Pivotal Veracity ay ang mga kalamangan!

          Doug

  4. 8

    Isang bagay na tulad nito?

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

  5. 9

    Sa palagay ko ang isang potensyal na kapaki-pakinabang na karagdagan sa iyong ideya ay ang kakayahang i-preview ang mga email sa parehong paraan na ginagawa ng mga tanyag na kliyente sa email. Magtatagal ng ilang oras at pagsasaliksik kung paano ito ginagawa ng bawat isa (kung anong mga elemento ang kanilang hinuhubad, iniiwan, atbp.).

    Bumuo ka ng isang serye ng mga filter upang mapagpipilian. Sabihin, isang filter ng GMail, mga filter ng Yahoo Mail, Outlook (PC, Mac, atbp.), Atbp. Kaya, sa halip na magkaroon ng mga dummy test account sa bawat serbisyo sa ilalim ng araw, maaari kang umikot sa mga preview ng bawat isa nang medyo mabilis.

    ... marahil nasabi ko nang sobra ... 😉

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.