הוסף חיפוש מילות מפתח לכל דף אינטרנט עם Mark.js

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

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

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

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

כדי להתחיל, פשוט להוריד את הקובץ Mark.js מ GitHub או לארח את הקובץ באמצעות CDN לחסוך זמן.

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

הנה קטע טקסט מדף ההדגמה:

 $ ("הקשר") סימן (מילת מפתח [, אפשרויות]); 

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

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

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

מארק.ג'ים עובד עם כל הדפדפנים העיקריים, כולל Chrome, Firefox, Opera (v12 +) ו- Internet Explorer (9+). זה ממש קל להגדיר אם אתה מבין את המסמכים ולהשתמש הקבצים החדשים ביותר.

אבל, אם אתה רוצה לראות Mark.js בפעולה להציץ ב משחק מתחת באמצעות הדגמה בסיסית מאוד jQuery לחפש כמה פסקאות של לורם Ipsum.