מחפש: כלי תצוגה מקוון מקוון לדוא"ל

האם אי פעם שמתם לב כמה לקוחות דוא"ל חוסמים תמונות ומציגים את הטקסט החלופי? אני סקרן אם מישהו באמת ראה את החיקוי הזה באמצעות JavaScript או סקריפטים בצד השרת. הייתי רוצה לשים יד על כלי שעושה את זה. עם הזמן אני בטוח שאוכל לפתח עמוד כזה ... התחלתי לשחק הלילה. הנה פונקציה שמסירה את כל התמונות שלך בעמוד:

פונקציה החלף () // הסר תמונות
{
var imgs = document.getElementsByTagName ('img'); //מַעֲרָך
עבור (var i = 0; i> imgs.length; i ++) // loop
{
imgs [i] .src = ""; // הגדר את התמונות לכלום
}
}

זה Javascript די פשוט. הדבר הראשון שאני עושה הוא לאסוף מערך מהתמונות HTML. מערך הוא קבוצת פריטים. אמרתי ל- javascript להשיג כל אלמנט שיש לו תג img. (כך אתה מציג תמונות ב- HTML). לאחר מכן אני 'עובר' את המערך על ידי כך שאומר לו להתחיל עם הפריט הראשון (= 0), עבור לכמה שיותר פריטים יש (imgs.length), וכשזה נעשה עם הלולאה הוסף 1 כדי לעבור לפריט הבא (i ++).

מה שקורה בעצם הוא שהמערך אוסף את המיקום של כל תמונה בעמוד, עובר דרכן ומגדיר כל אחת לשום דבר. מה שבאמת הייתי רוצה לעשות עם זה הוא להסיר את התמונה אך למעשה להציג כל טקסט חלופי - בדיוק כמו שלקוח דוא"ל היה עושה. אשמח גם להסיר אלמנטים אחרים של טבלאות ודיב כדי לעבד אותם כפי שהם יראו אצל לקוחות ניידים רבים. זה יחליף את התג בסגנון מוטבע ועיצוב הגופן.

מישהו ראה או בנה משהו כזה? אם כן, שלחו לי הערה בטופס יצירת הקשר שלי. אם זה כתוב ב- C # או במיוחד ב- JavaScript, זה יכול להיות אפילו משהו שאוכל לקבל לרכוש. היתרון של JavaScript הוא שניתן לכבות אותו ולהפעיל אותו באופן דינמי - תכונה ממש נחמדה! בינתיים אמשיך לעבוד על זה בעצמי!

תגובות 9

  1. 1

    זה יהיה כתב ג'אווה פשוט של Greasemonkey

    אתה כמעט שם, פשוט הכנס את תגית ה- alt בתור האח הבא.

    ואז שים אותו על usercripts.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) שהיא עזרה גדולה לבעיה שלך. אנו שולחים את מיילים הבדיקה שלנו לחשבונות הבדיקה של ספק שירותי האינטרנט שלנו ואז pvIQ מאחזר קבצי jpgs של הודעות הדוא"ל שניתנו מכל אחד מהחשבונות, כפי שהם יופיעו בדפדפנים שונים. זה חוסך לנו כמויות אדירות של זמן, שכן כל שעלינו לעשות הוא להסתכל על ה- JPG שנוצר. אני ממליץ עליו.

    • 5

      הי מארק,

      לאמיתות מרכזית יש כמה כלים מדהימים! אני יודע שהם השיקו לאחרונה גם API. אני מנסה לעשות משהו קצת יותר פשוט, רק מבט 'מהיר' שלא דורש שליחה של הדוא"ל בפועל. תארו לעצמכם רק כפתור ללחיצה ותוכלו לחקות איך הוא ייראה, רק כדי לטפל בפרי התלוי נמוך.

      דאג

      • 6

        היי,

        לא הסתכלתי על זה זמן מה, אז אולי אני טועה, אבל האם הפורטלים לא ממשיכים לשנות את תוכנת עיבוד הדואר שלהם? אם הם היו עושים זאת, הייתי חושב שתשחק כל הזמן אם תנסה להשתמש בתוכנת הבדיקה שלך. לכן אנו משתמשים ב- pvIQ: הוא שולח לנו בדיוק את מה שהפורטל היה מעבד.

        סמן

        • 7

          אתה צודק לחלוטין. החשיבה שלי היא פשוט לפתח תצוגה מקדימה 'מהירה ומלוכלכת' שמישהו יכול לבצע לפני שהיא שולחת למשהו כמו pvIQ ... דברים כמו תגיות Alt ותצוגה מקדימה של ניידים (טבלאות מוסרות וכו '). אני בהחלט לא רוצה לנסות לשמור על קשר עם הבלגן שיש עם לקוחות דוא"ל! האנשים האלה ב- Pivotal Veracity הם המקצוענים בכך!

          דאג

  4. 8
  5. 9

    אני חושב שתוספת שימושית לרעיון שלך תהיה היכולת להציג תצוגה מקדימה של הודעות הדוא"ל באותו אופן שעושים לקוחות דוא"ל פופולריים. זה ייקח קצת זמן ולחקור כיצד כל אחד מהם עושה את זה (אילו אלמנטים הם מפשיטים, משאירים וכו ').

    אתה בונה סדרת פילטרים לבחירה. נגיד, מסנן GMail, Yahoo Mail, Outlook (PC, Mac וכו ') מסננים וכו'. אז במקום שיהיה צורך לבצע חשבונות בדיקת דמה עם כל שירות תחת השמש, תוכלו לעבור בתצוגה מקדימה של כל אחד מהר יחסית.

    ... אולי אמרתי יותר מדי ... 😉

מה אתה חושב?

אתר זה משתמש Akismet כדי להפחית דואר זבל. למד כיצד הנתונים שלך מעובדים.