"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום

בערל

יש למישהו הוראות שימוש על הדבר הזה?
מה זה בדיוק..?
אשמח למידע...

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

תודה רבה!!

WWW

@בערל אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

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

לא מיועד לזה...
אולי יש תוספים לזה.

yossiz

@בערל אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

יש למישהו הוראות שימוש על הדבר הזה?

מה זה בדיוק..?

בעיקר עבור מפתחי web. קשה להסביר על רגל אחת כל מה שיש שם. אם אתה רוצה להשתמש בזה, כדאי שתלמד קודם-כל קצת על אבני הבניה שמהם ה-web נבנית - html,css, javascript,http ואז כבר תבין בעצמך איך להשתמש.

איך אני שומר עכשיו שישאר ככה לתמיד..? (אפשר??)

א"א בלי תוספים.

בערל

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

@WWW אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

@בערל אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

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

לא מיועד לזה...
אולי יש תוספים לזה.

@yossiz אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

@בערל אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

איך אני שומר עכשיו שישאר ככה לתמיד..? (אפשר??)

א"א בלי תוספים.

תוסף רגיל לדפדפן?
ואוכל לשמור בקלות?

תודה רבה!!

dovid

@yossiz ו@WWW אתם לא לגמרי צודקים,
יש היום אפשרות לפתוח תיקיה מקומית ולדרוס קבצי צד שרת ע"י תכונת Local Override, כתבתי ע"ז בפורום התכנות.

yossiz

@בערל אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

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

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

תוסף רגיל לדפדפן?

כן.

ואוכל לשמור בקלות?

לא. (זה תוסף שמזריק סקריפט לתוך הדף, צריך שמישהו יכתוב את הסקריפט הזה...)

yossiz

@dovid אמר ב"בדוק" (Ctrl + Shift + I) בדפדפן גוגל כרום:

Local Override

תודה רבה, לא הכרתי.
אבל...
א.

Limitations
DevTools doesn't save changes made in the DOM Tree of the Elements panel. Edit HTML in the Sources panel instead.
If you edit CSS in the Styles pane, and the source of that CSS is an HTML file, DevTools won't save the change. Edit the HTML file in the Sources panel instead.

מכיון שכהיום הרבה מה-DOM נוצר בצורה דינאמית, התועלת מוגבלת.

ב. זה פועל רק כש-devtools פתוח?

dovid

@yossiz א. זה מוכרח אחרת אתה תקבל דף אופליין לגמרי... או שיצטרכו מערכת diff משכוללת ב. אכן...

yossiz

@dovid בכל אופן לא יעזור הרבה לר' @בערל דנן...

dovid

יש תוספי כרום אבל הם גם מחייבים קצת הכרה של CSS, הנה דוגמאות:
Stylebot
User CSS