לעצב כל אתר בעזרת שורת קוד אחת

[29 ביוני 2009] [14 תגובות]

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

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

למה זה טוב?

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

בדקתי את הקוד ב-IE7 ו-IE8, אבל אני מאמין שגם כרומאים ופיירפוקסאים יוכלו להשתמש בזה.

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

14 תגובות

  1. Dan | 6/29/2009 10:04:58 PM

     

    The 'copy to clipboard' doesn't work in chrom but the javascript sure does

    GADOL

     

  2. איתי | 6/29/2009 10:36:29 PM
    אהבתי, בנוגע לכמה זה שימושי אני בספק, אבל זה בהחלט יכול להיות דבר מעניין.
  3. רועי | 6/30/2009 1:26:15 AM

    שימושי ביותר.

    אהבתי.

  4. מוטי | 6/30/2009 4:36:26 AM
    אהבתי מאוד !!!
  5. טל | 6/30/2009 2:48:54 PM

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

  6. ‏‏‏ ‏ ‏ | 6/30/2009 3:22:14 PM

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

  7. zekar | 7/21/2009 4:05:41 PM

    הבעיה שאחרי זה אי אפשר למלאות טפסים (כמו לדוגמה לשלוח את התגובה הזאת)

    יכול להיות שימושי בתור לינק באתר מסוג... אממ איזה סוג... אולי מערכת CMS כלשהי יכולה להנות מזה באיזה דרך...

     

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

  8. טל | 7/21/2009 4:11:13 PM

    אתה יכול להפוך את הערך בחזרה ל-FALSE ולסיים את העריכה כך:

    javascript:document.body.contentEditable='false'; document.designMode='on'; void 0

  9. אדמונד | 3/23/2011 8:09:44 AM

    האם אחרי שאני משנה משהוא באתר 

    האם אני יכול לשמור את השינויים שעשיתי...  

  10. יגל | 7/25/2011 3:49:33 AM
    מה הרעיון אם זה לא שומר (או שאני לא מצליח)
  11. Mistral | 3/31/2012 6:09:36 AM

    עובד רק באקספולרד?

    בכרום לא הצלחתי לבצע.

    אגב, אי אפשר לכתוב תגובות באקספולרד 8 שלי כאן, מצד שני מי בכלל משתמש בדפדפן הזה..

     

  12. תם | 12/1/2012 3:57:54 AM
    בCHROME ובFIREFOX
    צריך לרשום את זה בקונסול שלהם, בכדי להיכנס אליהם תלחצו מקש ימני במסך ואז האפשרות הכי תחתונה.
    יפתח לכם חלון קטן בתחתית העמוד וחפשו שם קונסול.
    בקונסול תרשמו את הקוד
    javascript: document.body.contentEditable = 'true'; document.designMode = 'on'; void 0
     
  13. גל | 3/11/2013 6:44:25 AM

    אבל כל פעם שאני מנסה בקונסול זה עושה לי undefined

     

  14. נעם | 5/27/2014 8:32:55 AM

    בכרום אפשר להיכנס ל "בדוק מרכיב" (F12) ולרשום בתגית ה- <body> את המילה הבאה: contenteditable  דוגמא:

    <body contenteditable>

    וזה יתן לכם את אותה תוצאה. 

התגובות נעולות