به دنبال: ابزار پیش نمایش ایمیل آنلاین

آیا تا به حال متوجه شده اید که چند مشتری ایمیل ایمیل را مسدود کرده و متن جایگزین را نمایش می دهند؟ من کنجکاو هستم که آیا کسی واقعاً این شبیه سازی را با استفاده از جاوا اسکریپت یا اسکریپت نویسی سمت سرور دیده است. من می خواهم به ابزاری دست پیدا کنم که آن را انجام می دهد. با گذشت زمان ، من مطمئن هستم که می توانم چنین صفحه ای ایجاد کنم ... من در واقع امشب شروع به بازی کردم. در اینجا تابعی وجود دارد که تمام تصاویر شما را در یک صفحه حذف می کند:

تابع جایگزین () // حذف تصاویر
{
var imgs = document.getElementsByTagName ('img')؛ //آرایه
for (var i = 0؛ i> imgs.length؛ i ++) // حلقه
{
imgs [i] .src = ""؛ // تصاویر را روی هیچ تنظیم کنید
}
}

جاوا اسکریپت بسیار ساده است. اولین کاری که می کنم جمع آوری آرایه ای از تصاویر در آن است HTML. آرایه گروهی از موارد است. من به javascript گفتم هر عنصری را که دارای برچسب img است ، دریافت کنید. (اینگونه تصاویر را به صورت HTML نمایش می دهید). بعد من آرایه را "حلقه" می کنم و به او می گویم که از اولین مورد شروع کند (= 0) ، به همان تعداد آیتم که وجود دارد (imgs.length) بروید ، و وقتی این حلقه تمام شد ، 1 را اضافه کنید تا به مورد بعدی بروید (من ++).

آنچه اساساً اتفاق می افتد این است که آرایه مکان هر تصویر موجود در صفحه را جمع آوری کرده ، آنها را حلقه می کند و هر کدام را بر روی چیزی تنظیم نمی کند. کاری که من واقعاً دوست دارم با این کار انجام دهم حذف تصویر است اما در واقع هر متن جایگزینی را نمایش می دهد - دقیقاً مانند کاری که مشتری ایمیل انجام می دهد. من همچنین دوست دارم عناصر جدول و div دیگر را حذف کنم تا به شکلی که در بسیاری از مشتریان تلفن همراه به نظر می رسد ، ارائه شود. این جایگزین برچسب سبک inline و قالب بندی قلم می شود.

آیا کسی چنین چیزی را دیده یا ساخته است؟ اگر چنین است ، یادداشتی را در فرم تماس با من بریزید. اگر به زبان سی شارپ یا به خصوص جاوا اسکریپت نوشته شده باشد ، حتی ممکن است موردی باشد که مجاز به خرید آن هستم. مزیت JavaScript این است که می تواند به صورت پویا خاموش و روشن شود - یک ویژگی واقعا خوب! در همین حال ، من خودم روی آن کار می کنم!

9 نظرات

  1. 1

    این یک جاوا اسکریپت بسیار ساده Greasemonkey خواهد بود

    تقریباً رسیده‌اید، فقط تگ alt را به عنوان nextSibling وارد کنید.

    سپس آن را در userscripts.org قرار دهید 🙂

    همچنین می‌توانید از Greasemonkey به XPI یا هر چیزی که به آن می‌گویند استفاده کنید تا آن را به یک برنامه افزودنی مستقل فایرفاکس تبدیل کنید.

  2. 2

    سلام داگ ،

    La نوار ابزار توسعه دهنده وب ابزاری برای انجام این کار به طور خاص دارد، به نام “Replace Images With Alt Attributes”. این دقیقا همان چیزی است که شما می خواهید به صورت رایگان!

    با این حال، مشکل دسترسی به سایت شما ایجاد شد. با خاموش کردن تصاویر، متن سیاهی روی پس‌زمینه سیاه باقی می‌ماند، بنابراین هرکسی که بدون عکس در وب گشت می‌زند، پست‌های شما را نمی‌خواند!

    اضافه كردن:

    .post { background-color:#fff; }

    هر چند باید آن را بدون بهم ریختن موضوع خود حل کنید.

    • 3

      پیدا کردن و گرفتن عالی، فیل! خیلی ممنون. من قصد دارم این افزونه را کمی عمیق‌تر بررسی کنم، زیرا به برخی از این قابلیت‌ها در یک صفحه به جای خود مرورگر نیاز دارم. خیلی باحاله

      (من همچنین کلاس پست خود را به روز کردم - از اینکه به آن اشاره کردید متشکرم!)

  3. 4

    در Agency.com از محصولی به نام pvIQ از Pivotal Veracity (http://pivotalveracity.com/solutions/pvIQ.php) کمک بزرگی به مشکل شما می کند. ما ایمیل‌های آزمایشی خود را به حساب‌های آزمایشی ISP مختلف خود ارسال می‌کنیم و سپس pvIQ jpg‌های ایمیل‌های ارائه‌شده را از هر یک از حساب‌ها بازیابی می‌کند، همانطور که در مرورگرهای مختلف ظاهر می‌شوند. این باعث صرفه جویی در زمان ما می شود، زیرا تنها کاری که باید انجام دهیم این است که به jpg های حاصل نگاه کنیم. من آن را توصیه می کنم.

    • 5

      سلام مارک،

      Pivotal Veracity ابزارهای باورنکردنی دارد! من می دانم که آنها اخیراً یک API را نیز راه اندازی کرده اند. من سعی می کنم کاری کمی ساده تر انجام دهم، فقط یک نگاه "سریع" که در واقع نیازی به ارسال ایمیل ندارد. فقط یک دکمه را برای کلیک کردن تصور کنید و می توانید از ظاهر آن شبیه سازی کنید، فقط برای مراقبت از میوه کم آویزان.

      داگ

      • 6

        سلام،

        من مدتی است که به این موضوع نگاه نکرده ام، بنابراین ممکن است اشتباه کنم، اما آیا پورتال ها نرم افزار رندر ایمیل خود را تغییر نمی دهند؟ اگر آنها این کار را انجام می دادند، فکر می کنم اگر سعی می کردید از نرم افزار آزمایشی خود استفاده کنید، دائماً در حال بازی کردن هستید. به همین دلیل است که ما از pvIQ استفاده می کنیم: دقیقاً همان چیزی را که پورتال ارائه می دهد برای ما ارسال می کند.

        علامت

        • 7

          شما کاملا درست می گویید فکر من صرفاً ایجاد یک پیش‌نمایش «سریع و کثیف» است که کسی می‌تواند قبل از ارسال به چیزی مانند pvIQ اجرا کند... چیزهایی مانند برچسب‌های Alt و پیش‌نمایش موبایل (جدول‌ها حذف شده و غیره). من قطعاً نمی‌خواهم سعی کنم با کلاینت‌های ایمیل همگام باشم! افرادی که در Pivotal Veracity هستند، در این زمینه حرفه ای هستند!

          داگ

  4. 8
  5. 9

    من فکر می‌کنم یک مکمل بالقوه مفید برای ایده شما، توانایی پیش‌نمایش ایمیل‌ها به همان شیوه‌ای است که مشتریان ایمیل محبوب انجام می‌دهند. در مورد اینکه هر کدام چگونه این کار را انجام می دهند (چه عناصری را باید از بین ببرند، بگذارند، و غیره) به زمان و تحقیق نیاز دارد.

    شما یک سری فیلتر برای انتخاب می سازید. مثلاً فیلترهای GMail، Yahoo Mail، Outlook (PC، Mac و غیره) و غیره. بنابراین، به جای داشتن حساب‌های آزمایشی ساختگی با هر سرویس زیر نور خورشید، می‌توانید پیش‌نمایش‌های هر یک را نسبتاً سریع مرور کنید.

    ...شاید زیاد گفته باشم...😉

شما چه فکر میکنید؟

این سایت از Akismet برای کاهش هرزنامه استفاده می کند. بدانید که چگونه نظر شما پردازش می شود.