[29 ביוני 2009] [14 תגובות]
אם תכתבו את שורת הקוד הבאה בשורת הכתובת של הדפדפן שלכם, תופתעו לגלות כי אתם כעת מסוגלים לערוך את תוכן האתר שאתם גולשים בו (משהו כמו ניאו במטריקס):
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
למה זה טוב?
דבר ראשון, תוכלו להשתמש בטכניקה הזאת על מנת להרוויח מיליון דולר באדסנס. דבר שני, תוכלו לשנות אלמנטים שונים של האתר שלכם בלי להתעסק עם הקוד ולראות איך זה נראה לכם. כמו כן, זה נחמד עבור צחוקים(!) ושיגועים(!!) כמו להכניס את שמכם לכתבה ב-YNet.
בדקתי את הקוד ב-IE7 ו-IE8, אבל אני מאמין שגם כרומאים ופיירפוקסאים יוכלו להשתמש בזה.
The 'copy to clipboard' doesn't work in chrom but the javascript sure does
GADOL
אהבתי, בנוגע לכמה זה שימושי אני בספק, אבל זה בהחלט יכול להיות דבר מעניין.
שימושי ביותר.
אהבתי.
אהבתי מאוד !!!
באמת על השימושיות אפשר להתווכח, אבל אני חושב שזה מאוד יכול לעזור כשיוצרים מדריכים וכדומה. הדבר שבאמת יפה כאן הוא שזה מפתיע שזה עובד - עד שאתה לא רואה את זה בעצמך אתה לא מאמין. אני נתקלתי בזה במקרה והחלטתי לשתף...
הקוד משפיע רק על האתר הנוכחי, שפתוח בלשונית הספציפית שבה אני נמצא כעת,
או שהוא משפיע על כלל האתרים הפתוחים כעת, וייפתחו בעתיד?
הבעיה שאחרי זה אי אפשר למלאות טפסים (כמו לדוגמה לשלוח את התגובה הזאת)
יכול להיות שימושי בתור לינק באתר מסוג... אממ איזה סוג... אולי מערכת CMS כלשהי יכולה להנות מזה באיזה דרך...
אבל עדיין מגניב שזה עובד . . חוסך ת'צורך בהורדת הHTML / פוטושופ כדי לקבל סקרינשוט של כתבה....
אתה יכול להפוך את הערך בחזרה ל-FALSE ולסיים את העריכה כך:
javascript:document.body.contentEditable='false'; document.designMode='on'; void 0
האם אחרי שאני משנה משהוא באתר
האם אני יכול לשמור את השינויים שעשיתי...
מה הרעיון אם זה לא שומר (או שאני לא מצליח)
עובד רק באקספולרד?
בכרום לא הצלחתי לבצע.
אגב, אי אפשר לכתוב תגובות באקספולרד 8 שלי כאן, מצד שני מי בכלל משתמש בדפדפן הזה..
אבל כל פעם שאני מנסה בקונסול זה עושה לי undefined
בכרום אפשר להיכנס ל "בדוק מרכיב" (F12) ולרשום בתגית ה- <body> את המילה הבאה: contenteditable דוגמא:
<body contenteditable>
וזה יתן לכם את אותה תוצאה.