אפשר לעשות קישור למלל מסויים בדף, הידעתם?

yossiz

אתם בכרום וחבריו? מצויין!
לחצו על לינק זה

שמתם לב?
זה לוקח אותך ישירות לכותרת "תורני" וליתר בהירות, המילים צבועים בצבע צהוב יפה (?)

תמיד ידענו שאפשר לעשות לינק לאלמנט בדף שיש לו ID על ידי הוספת ה-ID אחרי ההאש (#). מעתה (מכרום 80) אפשר לקשר לכל מלל בדף שתרצה, רק תוסיפו את זה להאש: :~:text=XXXX

תיעוד מלא: https://github.com/WICG/ScrollToTextFragment/#text-fragments

תיעוד קצר בעברית מדוברת

מבנה הקישור:

קודם כל, הכתובת של הדף, ואז -
האש - # (מסמן שכל הבא אחריו הוא כתובת של אלמנט בתוך הדף)
:~: (מסמן שכל הבא אחריו הוא חיפוש מלל)
text=1-,2,3,-4
במקום 1,2,3,4 יש 4 פרמטרים שאפשר למלאות
- קידומת (מילים שחייבים להופיע לפני המלל המסומן)
- תחילת הסימון
- סוף הסימון
- סיומת (מילים שחייבים להופיע אחרי המלל המסומן)
אפשר להוסיף עוד איזורים מסומנים על ידי ‎&text=1,2,3,4

דוגמאות:

https://netfree.link/wiki/נטפרי#:~:text=נטפרי מסמן את המופע הראשון של המילה נטפרי
https://netfree.link/wiki/נטפרי#:~:text=נטפרי,סינון מסמן מהמופע הראשון של המילה נטפרי עד המופע הבא של המילה סינון
https://netfree.link/wiki/נטפרי#:~:text=לספק-,נטפרי,סינון מחפש את המופע הראשון של המילה נטפרי שמגיעה מיד אחרי המילה לספק ומסמן ממנה עד המופע הבא של המילה סינון
https://netfree.link/wiki/נטפרי#:~:text=לספק-,נטפרי,סינון,-חיפוש מחפש את המופע הראשון של המילה נטפרי שמגיעה מיד אחרי המילה לספק ומסמן ממנה עד המופע הבא של המילה סינון שמיד אחריו נמצא המילה חיפוש
https://netfree.link/wiki/נטפרי#:~:text=נטפרי הינו,רווח&text=המערכת,נטפרי. סימונים מרובים, מסמן את הקטע הראשון והשלישי

אפשר להשמיט פרמטרים
דוגמאות:

https://netfree.link/wiki/נטפרי#:~:text=סינון,-קבצי רק הפרמטרים 2 ו-4
https://netfree.link/wiki/נטפרי#:~:text=סינון,קבצי רק פרמטרים 2 ו-3

קידוד נכון של תווים מיוחדים

יש תווים שלא תקינים ב-URL וחייבים לקודד אותם.
אם אתם רוצים לחפש פסיק ושלא יתורגם בצורה מיוחדת כמפסיק בין פרמטרים אפשר גם לקודד אותו
הקידוד נקרא urlencode ויש כמה אתרים שמספקים ממשק נוח לקדד טקסט לקידוד זה.

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

יעקב ישראל

@yossiz אם הטקסט קיים כמה פעמים ניתן לבחור מה הוא יצבע ?
והאם יש דפדפנים שזה לא עובד כך שאם אתן קישור כזה יהיה מי שיתלונן שהוא לא מוצא ?

chagold

@yossiz והוא נותן רק מילה שלמה. (או כמה מילים).

chagold

@יעקב-ישראל אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

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

נותן רק את התוצאה הראשונה

יעקב ישראל

@yossiz כשהקישור הוא קישור פנימי בתוך פורום NODEBB זה עובד רק בכרטיסייה חדשה (כנ"ל לגבי לינק פנימי - אם אתה יודע איך לפתור את זה אשמח שתגיד)

yossiz

...

עריכה: העברתי את זה למעלה בפוסט הראשון

yossiz

@יעקב-ישראל אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

והאם יש דפדפנים שזה לא עובד כך שאם אתן קישור כזה יהיה מי שיתלונן שהוא לא מוצא ?

זה לא נתמך כרגע בפיירפוקס

nigun

@yossiz
גם בbrave זה לא עובד לי
עריכה: זה כנראה באג,אבל אין לי כח לפתוח פניה.

yossiz

@יעקב-ישראל אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

@yossiz כשהקישור הוא קישור פנימי בתוך פורום NODEBB זה עובד רק בכרטיסייה חדשה (כנ"ל לגבי לינק פנימי - אם אתה יודע איך לפתור את זה אשמח שתגיד)

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

yossiz

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

yossiz

@nigun אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

עריכה: זה כנראה באג,אבל אין לי כח לפתוח פניה.

It's not a bug, it's a feature

https://github.com/brave/brave-browser/issues/8342

כנראה שיש בעיות פרטיות

nigun

@yossiz
תכל'ס לא הבנתי מה יצא שם?
זה באג? פיצ'ר? יתוקן בעתיד?

yossiz

@nigun הם שומרים על פרטיותך בקנאות והם לא מאפשרים לגוגל הרשעים לפגוע בפרטיותך, לכן הם משביתים את הפיצ'ר.
איך זה יכול לפגוע?
https://github.com/WICG/ScrollToTextFragment/issues/76
לא לגמרי מובן לי...

nigun

@yossiz
איך גוגל נכנסו לתמונה?
אני ניגש לURL בלי שגוגל יתערבו לי

שמעון לאופר

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

text=1-

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

שמעון לאופר

@yossiz אחרי רענון זה התבטל לי...
איפה הטעות שלי?
תודה

WWW

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

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

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

יוסף בן שמעון

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

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

javascript:(function () {
    let text = getSelection().toString().trim();
    let url = window.location.href.replace(/#[^#]+/, '') + `#:~:text=${encodeURIComponent(text)}`;
    let input = document.createElement('input');
    input.value = url;
    document.body.appendChild(input);
    input.select();
    document.execCommand("copy");
    input.remove();
})()

yossiz

@יוסף-בן-שמעון לא רע, אבל יש דרך ארוכה עד שזה יהיה מושלם...
אתה מעוניין בביקורת?

יוסף בן שמעון

@yossiz אשמח לביקורת, כמובן בלי התחייבות לבצע..

yossiz

@יוסף-בן-שמעון הנה זה בא... (אל תגיד שלא ביקשת...)

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

זה מספיק להתחלה...

WWW

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

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

אהבתי את החשיבה מחוץ לקופסה!

yossiz

@WWW זה לא תמיד נכון שזה אם זה מרונדר בצד קליינט הלינק לא יעבוד כי יש רינדור היברידי של צד השרת בטעינה הראשונה וצד לקוח בניווטים הבאים (לא יודע מה המילה הטרנדית לזה...).

WWW

@yossiz לא הבנתי.
אם זה בשטח שלא מוצג בתחילת הדף (עם קצת תוספת), בד"כ זה לא יעבוד, לא?

yossiz

@WWW אני כתבתי שאם הטקסט לא מופיע בקוד המקור של הדף, זה סימן שזה מרונדר בצד לקוח, ואם כן אי אפשר לקשר ישירות לטקסט הזה.
אני רק מעיר שזה לא תמיד נכון.
קח לדוגמה את מערכת נודביבי. אם תטעון קישור זה: https://tchumim.com/topic/9018, הטקסט של הפוסטים הראשונים יופיע בקוד המקור של הדף, אבל אם תנווט את הדפדפן מדף אחר לדף זה, תקבל את הפוסטים ב-AJAX.
זה מה שהתכוונתי שיש רינדור היברידי של צד שרת וצד לקוח.
יש לזה מילה טרנדית אבל אני לא יודע מה המילה.
מובן?

@WWW אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

(עם קצת תוספת)

לאיזה תוספות אתה מתכוון?

WWW

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

לאיזה תוספות אתה מתכוון

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

WWW

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

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

אני רק מעיר שזה לא תמיד נכון.

בינתיים לא כ"כ הבנתי כי אתה סותר את עצמך מיניה וביה..

קח לדוגמה את מערכת נודביבי. אם תטעון קישור זה: https://tchumim.com/topic/9018, הטקסט של הפוסטים הראשונים יופיע בקוד המקור של הדף, אבל אם תנווט את הדפדפן מדף אחר לדף זה, תקבל את הפוסטים ב-AJAX.

yossiz

@WWW אתה צודק. לא הייתי מספיק ברור.
אני מדבר על SPA שהניווט מולכד על ידי JS.
ואני התכוונתי שצריך לבדוק את קוד המקור של הדף המקורי שקיבלת מהשרת, אבל זה סתם שטות כי אין דרך לבדוק את זה ב-JS. (אם אתה לא תוסף) וגם אין עניין לבדוק את זה.
אתה הבנת שהתכוונתי לקוד המקור של ה-URL העכשווי שכבר השתנה על ידי ניווט תוך האתר (ובאמת זה מה שהייתי צריך להתכוון). ובזה אתה צודק שאם הטקסט לא נמצא שם אז אין סיכוי שהקישור יעבוד.

WWW

@yossiz אמר באפשר לעשות קישור למלל מסויים בדף, הידעתם?:

אתה הבנת שהתכוונתי לקוד המקור של ה-URL העכשווי שכבר השתנה על ידי ניווט תוך האתר (ובאמת זה מה שהייתי צריך להתכוון). ובזה אתה צודק שאם הטקסט לא נמצא שם אז אין סיכוי שהקישור יעבוד.

לא ממש התכוונתי לזה, אבל זה מאד נכון. לא חשבתי על זה.

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

WWW

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