טשטוש הנמען מהתכתבות במייל

הקדמה סיפורית במיוחד…

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

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

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

יום למחרת הם כבר אצלי עם מצלמות בחדר השינה שלי (שהוא גם חדר העבודה). איזה הזיה!! בחיים לא העלתי בדעתי. אבל לשמחתי זה אפילו היה כיף, כי זכיתי בצלם וכתבת כל כך נעימים.

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

בכל אופן, בכלל לא התכוונתי לכתוב את כל זה עכשיו.

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

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

זה אומר שאחרי שאצלם מסך מההתכתבות שלי איתה, אצטרך לטשטש את השם והמייל שלה מהרבה איזורים בתמונה.

אבל אני לא אוהב משימות כאלה סזיפיות. מעדיף שהמחשב יעבוד במקומי, אם אפשר.

אז כתבתי קוד נחמד שמטשטש את שם הנמען + את המייל שלו מההתכתבות.


כך אפשר לצלם מסך של ההתכתבות בלי לחשוף את פרטי הנמען

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

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

התוצאה הסופית (רואים איך שהשם וכתובת המייל שלה מוסתרים?):

צילום מסך ההתכתבות שלי עם שיר, אבל אחרי שהסתרתי את שם המשפחה וכתובת המייל שלה

בונוס ללא שוליים

הפריע לי שרואים את הסרגל הימני והשמאלי… אז הוספתי אופציה להסתיר אותם.

וכך זה נראה ללא הסרגלים שבשוליים:

קסם המחשב!


לסקרנים, זה הקוד:

var email = prompt('מה מייל הנמען להסתרה?');

const elements = [...document.querySelectorAll('span'), ...document.querySelectorAll('a')];

const matches = elements.filter(el => {
  return el.textContent === email;
});

matches.map(match => match.className = 'blur');

var hiddenName = prompt('מה שם הנמען להסתרה?');

[...document.getElementsByClassName('gmail_attr')].filter(el => el.innerText.includes(hiddenName) ).map(el => el.innerHTML = el.innerHTML.replace(hiddenName, `<span class="blur">${hiddenName}</span>`));

/* Function to add style element */
function addStyle(styles) {

    /* Create style document */
    var css = document.createElement('style');
    css.type = 'text/css';

    if (css.styleSheet) css.styleSheet.cssText = styles;
    else css.appendChild(document.createTextNode(styles));

    /* Append style to the tag name */
    document.getElementsByTagName("head")[0].appendChild(css);
}

/* Set the style */
var styles = `
[data-name="${hiddenName}"], [name="${hiddenName}"], [name="${hiddenName.split(" ")[0]}"], .blur {
    filter: blur(4px);
}`;

if(confirm('להסתיר סרגל ימני ושמאלי?')) {
  styles+= `
.bkL>.no > div:first-child, .bkL>.no > div:last-child {
  display: none;
}`;
}

/* Function call */
addStyle(styles);

וזהו!

מקווה שזה יהיה לכם שימושי.

דברים שאני כותב

10 מחשבות על “טשטוש הנמען מהתכתבות במייל

  1. מדהים! כשרוני!
    אני מת ללמוד תכנות, ואשפר בעזרת השם את החוויה שלי כל כך, ותודה על הפוסטים שלך שדוחפים אותי להתחיל לעשות את זה.

  2. זה עוזר חלקית מאוד.
    בתגובות בעצמן יש את השם והמייל. (בצד שמאל)

    1. זה עדיין אמור להסתיר אותן. תנסי שוב
      או שתצלמי לי מסך
      מעניין להבין 🙂

  3. אני לא מצליחה להעלות לכאן תמונה,
    אבל תסתכל למשל על השורה (רביעית מלמעלה, מייל ממך לשיר) בתגובה "סבבה" בסוף השורה, אחרי התאריך כתוב שיר אטינגר ואת המייל שלה.
    מקווה שהצלחתי להסביר.
    תודה!

    1. אני רואה! 🙂
      יפה שעלית על זה
      בהחלט כדאי שאתקן את זה בקוד שלי (אעשה זאת בהמשך כנראה).
      תודה רבה

  4. וואו זה נראה מרתק!!!
    כתבת בjavascript?
    אני ממש לא מזהה איזו שפה זו…

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פוסט בהפתעה?