כרום: טריק משופר לשמירת קבצים ומטמון

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

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

למה כרום יכול לתפוס כל כך הרבה קבצים וכל כך הרבה מקום?

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

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

באופן אידיאלי, יש לשמור על גודל המטמון של Chrome בסביבות 200 עד 500 מגה-בייט לכל היותרעם זאת, במכשירים רבים הוא מגיע ל-3 ג'יגה-בייט או אפילו יותר, דבר שלא הגיוני במיוחד ויכול לגרום לצווארי בקבוק בביצועים, במיוחד אם אתם נוטים לעבוד עם מספר יישומים כבדים בו זמנית.

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

כיצד להציג ולנקות את הנתונים והקבצים שמאחסן Chrome

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

כדי לבדוק את זה, פשוט הקלד את זה בשורת הכתובת. chrome://settings/content/allהדף הזה מראה רשימה מלאה של אתרי אינטרנט ושירותים שביקרת בהם ושמאחסנים נתונים בדפדפן שלך, יחד עם הגודל שהם תופסים.

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

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

כיצד להגביל את המטמון של כרום דרך קיצור הדרך

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

ב-Windows, אתר את קיצור הדרך של Chrome שבו אתה משתמש בדרך כלל (לדוגמה, זה שבשולחן העבודה), לחץ עליו לחיצה ימנית והזן "נכסים"לאחר מכן עבור ללשונית "גישה ישירה" ולהסתכל על השדה "יַעַד", שם מופיע הנתיב לקובץ ההפעלה של Chrome.

בסוף שורה זו, לאחר המרכאות הסוגרות של הנתיב, עליך להשאיר רווח ריק ולהוסיף את הפרמטר –גודל דיסק-מטמון = 209715200חשוב מאוד: אל תשכחו להשאיר רווח ריק לפני שני המקפים.או שהמערכת לא תפרש את זה נכון.

בפרמטר זה, המספר 209715200 מציין את גודל המטמון המרבי, מבוטא בבתיםשווה ערך לכ-200 מגה-בייט. אם ברצונך לאפשר יותר, תוכל להשתמש, לדוגמה, 524288000 עבור 500 מגה-בייט o 629145600 עבור 600 מגה-בייטכשתסיים, לחץ על "החל" ואז "אישור" לשמירת השינויים.

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

הגדר מגבלת מטמון קבועה מרישום Windows

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

לפני שנוגעים במשהו ברישום, מומלץ ש... לעשות גיבוילמקרה שתצטרכו לחזור. לאחר מכן, פתחו את עורך רישום מתפריט התחל (חיפוש regedit) ונווט אל המפתח מחשב\HKEY_LOCAL_MACHINE\תוכנה\גוגל\כרום.

בנתיב זה, בחלונית הימנית, לחצו לחיצה ימנית ובחרו חדש> ערך DWORD (32 ביט)תן לזה שם גודל מטמון דיסקלאחר שנוצר, לחצו עליו פעמיים ו... כתוב את ערך הגודל המקסימלי בבתים בדיוק כמו במקרה של גישה ישירה (לדוגמה, 209715200 עבור 200 מגה-בייט).

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

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

תכונות חדשות בכרום לעבודה טובה יותר עם קבצי PDF ומסמכים

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

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

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

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

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

תכונות פרודוקטיביות: מסך מפוצל וביאורי PDF

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

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

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

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

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

כיצד להוריד ולשמור קבצים ביעילות בכרום

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

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

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

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

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

פונקציות PDF מתקדמות: עריכה, OCR ושמירה

גוגל לא רק הפסיקה לאפשר לך לצפות בקבצי PDF: היא שיפרה את המציג שלה כך שתוכל עריכה ושמירה של גרסאות שעברו שינוי ישירות מכרום.

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

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

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

לאחר שתוריד את קובץ ה-PDF הערוך, תוכל/י לפתוח אותו בכל עת ולהמשיך לשנות אותואו שוב מכרום או מתוכנית תואמת אחרת, כגון קורא PDF מתקדם.

הגדרת תיקיית ההורדה וההתנהגות שלה ב-Chrome

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

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

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

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

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

מיקומי הורדה ברירת מחדל בהתבסס על מערכת הפעלה

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

ב-Windows 10 וגירסאות מאוחרות יותר, קבצים נשמרים בדרך כלל ב- \Usuarios\<nombredeusuario>\Descargas, אשר בדרך כלל מופיע גם כ"הורדות" בסייר הקבצים.

ב-macOS, הנתיב הרגיל הוא /Users/<username>/Downloadsנגיש מה-Finder בתיקיית המשתמש. ובמערכות לינוקס, כרום בדרך כלל מוריד הכל אל /home/<username>/Downloads, גלוי ממנהל הקבצים של סביבת שולחן העבודה שלך.

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

הרשאות הורדה וניהול קבצים מרובים

לכרום יש גם בקרות אבטחה הקשורות ל- הורדות מרובות ואוטומטיותכך שאתרים לא יוכלו להוריד ממך קבצים ללא הסכמתך.

אם ברצונך להתאים את ההרשאות הללו, פתח את Chrome במחשב שלך, עבור אל "הגדרות" וחפש את הקטע "פרטיות ואבטחה"משם, גישה "תצורת האתר" ובפנים, אל "הרשאות נוספות > הורדות אוטומטיות".

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

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

אם ברצונך לבדוק מה הורדת בימים או בחודשים האחרונים, פתח את תפריט Chrome ולחץ על "הורדות"מאותו עמוד אתה יכול פתח כל קובץ בלחיצה אחת או, אם אתם רוצים לנקות את ההיסטוריה שלכם, השתמשו באפשרות ל "לִדחוֹת" ליד כל אחד מהם. זכור שפעולה זו מסירה אותו מהרשימה, אך זה לא מוחק את הקובץ הפיזי מהמחשב שלך..

בקרת PDF מתקדמת: הרשאות ופתיחה אוטומטית

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

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

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

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

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

כיצד לשמור שינויים בקבצים מקומיים מכלי הפיתוח של Chrome

אם אתם מפתחים אתרים או אוהבים להתעסק עם קוד, Chrome DevTools כולל תכונה עוצמתית מאוד בשם סביבות עבודהמה שמאפשר לך לשמור את השינויים שאתה מבצע ב-CSS, HTML ו-JavaScript ישירות למחשב שלך.

הרעיון הוא לחבר תיקייה במחשב שלך ל-DevTools כך שכאשר אתה עורך קובץ מהפאנל מקורות, שינויים אלה שמור לקובץ הדיסק בפועללא רק בגרסה שהועלתה בדפדפן.

לדוגמה, דמיינו שקוד האתר שלכם נמצא בתיקייה מקומית, אתם מפעילים שרת אינטרנט על localhost ואתה ניגש לאתר שלך מכרום. אם תחבר את התיקייה הזו כסביבת עבודה, כל שינוי CSS או JS שתבצע ב-DevTools ישתקף בפרויקט החי.

עם זאת, כדאי לדעת ש DevTools לא שומר שינויים שבוצעו ב-DOM מחלונית "אלמנטים".מכיוון שעץ זה ניתן לתמרון רב על ידי JavaScript ו-CSS ולא תמיד ניתן לחזור בדיוק לקובץ המקור המקורי.

כדי להקל על סוג זה של מיפוי בין קוד אופטימלי לקוד מקור, DevTools עושה שימוש ב- מפות מקור, נפוץ מאוד במסגרות מודרניות שמשנה את הקוד לפני שליחתו לדפדפן.

חיבור אוטומטי של תיקייה לסביבת העבודה באמצעות קובץ JSON

דרך אחת שבה DevTools יגלה באופן אוטומטי את תיקיית סביבת העבודה שלך היא ליצור קובץ JSON מיוחד עם מטא-דאטה ולהגיש אותו מהשרת המקומי שלך יחד עם שאר האתר.

ראשית עליך ליצור UUID אקראי גרסה 4אשר ישמש כמזהה ייחודי עבור סביבת העבודה שלך. לאחר מכן, עליך ליצור קובץ JSON עם מבנה דומה ל:

{"workspace":{"uuid":"UUID","root":"path/to/project/root/folder"}}

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

לאחר מכן, מקם את הקובץ בנתיב path/to/project/root/folder/.well-known/appspecific/com.chrome.devtools.json בתוך הפרויקט שלך ולוודא ש שרת ה-HTTP המקומי משרת אותו כהלכה.

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

התחברות ושימוש בתיקיית Workspace מתוך DevTools

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

מהדף שאתה בודק באופן מקומי (לדוגמה, localhost:8000), נפתח מכשירי Chrome וללכת לפאנל "מקורות" > "סביבת עבודה" או "מקום עבודה"שם תראה את האפשרות ל "לְחַבֵּר" ליד התיקייה שלך אם היא זוהתה אוטומטית, או "הוסף תיקייה באופן ידני".

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

לאחר שהתיקייה מחוברת, ניתן לפתוח אותה מהכרטיסייה "מרחבי עבודה" ואתה תראה נקודות ירוקות ליד קבצי HTML, CSS ו-JavaScript ש-DevTools הצליח למפות עם משאבי הרשת שנטענו בדף.

מאותו רגע ואילך, כל שינוי שתעשה ותשמור (לדוגמה, עם Ctrl/Cmd + S) אני יודע זה יכתוב ישירות מעל קבצי המקור שלך., ובכך לשלב את הדפדפן בתהליך העבודה הרגיל של הפיתוח שלך.

שמירת שינויים ב-CSS, HTML ו-JavaScript מ-DevTools

לאחר שהתיקייה מחוברת, תוכלו לערוך את הסגנונות, ה-HTML או ה-JavaScript שלכם מ-DevTools ו- שמרו את השינויים בדיוק כפי שהייתם עושים בעורך קוד.אלא לראות את התוצאה בזמן אמת בדפדפן.

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

עבור HTML, התהליך דומה: פותחים את הקובץ מסביבת העבודה, מתאימים את הסימון, ולאחר מכן שמירה באמצעות Ctrl/Cmd + Sבמקרה זה, תצטרך טען מחדש את הדף כך שהדפדפן יבנה מחדש את ה-DOM עם הגרסה החדשה.

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

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

מגבלות סביבת עבודה והבדלים בין HTML ו-DOM

למרות שסביבות עבודה הן בעלות עוצמה רבה, חשוב להיות ברורים לגבי כמה דברים. מגבלות וספציפיות של אופן הטיפול בתוכן של Chrome של הדפים.

הדבר הראשון שצריך להבין הוא שהעץ שאתם רואים בפאנל "פריטים" מייצג את DOM שנוצרכלומר, המצב הסופי של הדף לאחר החלת HTML, JavaScript ו-CSS. DOM זה יכול להיות שונה למדי מה-HTML המקורי שהורד מהאינטרנט.

הדפדפן מקבל קובץ HTML, מנתח אותו ויוצר עץ צומת DOMמשם, אם יש סקריפטים, הם יכולים להוסיף, להסיר או לשנות צמתים. אפילו CSS, דרך המאפיינים. contentזה יכול לשנות את מה שמיוצג. לכן, ה-DOM הסופי לא בהכרח תואם את קובץ ה-HTML המקורי שורה אחר שורה..

בגלל ההבדל הזה, DevTools לא יכולים לדעת בוודאות. היכן לשמור שינוי שביצעת ישירות בעץ החלונית "אלמנטים"מכיוון ששינוי זה יכול לנבוע מ-HTML, סקריפט או סגנונות דינמיים.

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

הסרת תיקייה מסביבת העבודה וניהול פרויקטים

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

En מקורות > סביבת עבודהלחצו לחיצה ימנית על התיקייה המחוברת ובחרו "הסר מסביבת העבודה"על ידי אישור בחלון הקופץ, DevTools יפסיק למפות קבצים אלה ולא יישמרו שינויים בהם.

כדאי שתדעו גם שאם אתה משנה או מוחק את ה-UUID בקובץ JSON של המטא-דאטה כפי שציינו קודם, התיקייה תתנתק אוטומטית, מכיוון שההפניה שבה משתמש Chrome כדי לזהות אותה תאבד.

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

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

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