Chrome: Покращено трюк збереження файлів і кешу

Якщо ви щодня користуєтеся браузером Google, ви, мабуть, помітили, що Chrome обробляє та зберігає файли тисячею різних способів.Завантаження, кеш, PDF-файли, розширення, зміни в DevTools... і кожна з цих частин впливає на швидкість роботи вашого комп'ютера та комфорт роботи з документами.

Хоча ззовні це може здаватися простою програмою, всередині Chrome має багато функцій для кращий контроль над місцем зберігання файлів, обсягом місця, яке вони займають, та способом їх синхронізаціїРозуміння цих опцій дозволяє заощадити місце на диску, підвищити продуктивність, комфортніше працювати з PDF-файлами та розумніше впорядковувати все, що ви завантажуєте з Інтернету.

Чому Chrome може займати так багато файлів і так багато місця?

Під час перегляду веб-сайтів, відео на YouTube або перегляду серіалів на Netflix, магазини Chrome кешовані файли, файли cookie та дані сайтів щоб сторінки завантажувалися швидше, а взаємодія була плавнішою.

Проблема полягає в тому, що з часом, Цей кеш може зрости до кількох гігабайт, і ви цього навіть не помітите.На SSD-накопичувачі з обмеженим простором це являє собою значну втрату ресурсів, а також може уповільнити роботу браузера та самого комп'ютера.

В ідеалі, розмір кешу Chrome має бути приблизно максимум від 200 до 500 МБОднак на багатьох пристроях він сягає 3 ГБ або навіть більше, що не має особливого сенсу та може спричинити проблеми з продуктивністю, особливо якщо ви схильні працювати з кількома важкими програмами одночасно.

Гарна новина полягає в тому, що Chrome та Windows пропонують опції, завдяки яким ви можете обмежте розмір кешу та очищуйте його, коли забажаєте, без необхідності встановлювати додаткові програми чи ускладнювати собі життя дивними інструментами.

Як переглянути та очистити дані та файли, що зберігаються в Chrome

Перш ніж встановлювати обмеження, важливо знати Що саме займає місце в Chrome?У самому браузері є панель, де ви можете бачити, майже сайт за сайтом, скільки даних зберігає кожен вебсайт.

Щоб перевірити це, просто введіть його в адресний рядок. chrome://settings/content/allНа цій сторінці показано повний список веб-сайтів та сервісів які ви відвідували та які зберігають дані у вашому браузері, а також розмір, який вони займають.

Звідти ви можете видалити дані з кожного сайту окремо Використовуйте значки кошика, якщо хочете очистити лише певні сторінки, які більше не використовуєте. А якщо ви віддаєте перевагу чистому аркушу, у вас також є можливість «Видалити всі дані» щоб очистити всю збережену інформацію одночасно.

Цей перший огляд служить як для звільнення місця, так і для щоб чітко визначити, які вебсайти найбільше заповнюють кешЗвідти ви можете розглянути можливість встановлення фіксованого обмеження на максимальний розмір цього кешу, щоб він не вийшов з-під контролю в майбутньому.

Як обмежити кеш Chrome за допомогою ярлика

Досить простий спосіб контролювати, наскільки може зростати кеш, – це додати спеціальний параметр у скороченні Chromeщоб сам браузер ніколи не перевищував встановлений вами розмір.

У Windows знайдіть ярлик Chrome, який ви зазвичай використовуєте (наприклад, той, що на робочому столі), клацніть на ньому правою кнопкою миші та введіть "Властивості"Потім перейдіть на вкладку "Прямий доступ" і подивися на поле "Пункт призначення", де відображається шлях до виконуваного файлу Chrome.

В кінці цього рядка, після закриваючих лапок шляху, потрібно залишити порожній пробіл і додати параметр –Disk-cache-size = 209715200Дуже важливо: Не забудьте залишити порожній пробіл перед двома тире.або система не інтерпретує його правильно.

У цьому параметрі число 209715200 вказує максимальний розмір кешу, виражений у байтахщо еквівалентно приблизно 200 МБ. Якщо ви хочете дозволити більше, ви можете використовувати, наприклад, 524288000 для 500 МБ o 629145600 для 600 МБКоли закінчите, натисніть «Застосувати», а потім «ОК» Щоб зберегти зміни.

З цього моменту Chrome дотримуватиметься цього ліміту кешу Коли ви відкриваєте його за допомогою цього ярлика, це запобігає надмірному запуску тимчасових даних та неконтрольованому споживанню місця на диску.

Встановлення постійного ліміту кешу з реєстру Windows

Якщо ви надаєте перевагу більш глибокому налаштуванню, яке не залежить від конкретного скорочення, ви можете налаштувати постійне значення з реєстру WindowsЦе дещо більш технічний метод, але дуже корисний, якщо параметр скорочення вас не переконує або не застосовується так, як ви очікували.

Перш ніж торкатися будь-чого в реєстрі, рекомендується зробити резервну копіюна випадок, якщо вам потрібно буде повернутися. Потім відкрийте Редактор реєстру з меню «Пуск» (пошук змерзатися) та перейдіть до клавіші Комп'ютер\HKEY_LOCAL_MACHINE\SOFTWARE\Google\Chrome.

У цьому шляху, на правій панелі, клацніть правою кнопкою миші та виберіть Нове> значення DWORD (32 біти)Дайте йому назву Розмір кешу дискаПісля створення двічі клацніть на ньому та записати значення максимального розміру в байтах так само, як і у випадку прямого доступу (наприклад, 209715200 для 200 МБ).

Після збереження значення та закриття редактора реєстру перезавантажте комп’ютер, щоб зміни набули чинності. З цього моменту Chrome використовуватиме ліміт, визначений у реєстрі без необхідності додавати параметри до командного рядка комбінацій клавіш.

За допомогою цієї методики буде підтримуватися ліміт кешу навіть якщо ви змінюєте комбінації клавіш, оновлюєте Chrome або змінюєте інші налаштуванняЦе забезпечує більшу стабільність регулювання обладнання, яке ви використовуєте щодня для роботи чи навчання.

Нові функції в Chrome для кращої роботи з PDF-файлами та документами

Окрім управління кешем та завантаженнями, Google нещодавно посилював Функції Chrome, пов'язані з PDF-документами тож ви можете працювати безпосередньо з браузера, не покладаючись на сторонні програми.

Серед цих удосконалень одним із найкорисніших є можливість Додавайте анотації, виділення та цифрові підписи безпосередньо до PDF-файлів Відкрийте їх у Chrome. Таким чином, ви можете переглядати звіти, заповнювати форми або підписувати документи, не завантажуючи та не відкриваючи їх в іншій програмі.

Chrome також покращив інтеграція з Google Driveтож збереження PDF-файлу в хмарі відбувається за допомогою кількох кліків у самому переглядачі. Ці файли можна автоматично зберігати в певній папці під назвою «Збережено з Chrome»що допомагає запобігти їхньому змішуванню з іншими завантаженнями.

Ще однією важливою новою функцією, орієнтованою на продуктивність, є функція, відома як «Розділений вид» або розділений екранщо дозволяє переглядати дві вкладки одночасно в одному вікні Chrome, без необхідності постійно перемикатися між ними.

За даними Google, цей інструмент з'явився для відповіді Часті скарги користувачів, які змушені перемикатися між кількома вікнами та вкладкамипостійно втрачаючи контроль над тим, що вони роблять. Під час початкових тестів компанія виявила помітне покращення в управлінні завданнями та можливостях багатозадачності.

Функції продуктивності: розділений екран та анотації PDF

Режим розділеного екрана в Chrome розроблено таким чином, щоб ви могли звертатися до двох ресурсів одночасноНаприклад, відкрити PDF-документ в одній вкладці під час написання електронного листа або звіту в іншій.

Цей режим роботи пропонує більш організований спосіб роботи, ніж відкриття кілька плаваючих вікон на робочому століОсобливо на екранах ноутбуків, де простір обмежений. Це зменшує час, який ви витрачаєте на перемикання вкладок, і мінімізує відволікаючі фактори.

Паралельно, вбудований інструмент анотацій PDF у Chrome дозволяє вам Виділяйте, коментуйте та підписуйте документи, не виходячи з браузераДля тих, хто щодня працює зі звітами, контрактами чи формами, це значно спрощує робочі процеси.

Все це є частиною мети Google перетворити Chrome на щось більше, ніж просто простий шлюз до Інтернетупозиціонуючи його як платформу, де можна переглядати документи, співпрацювати та організовувати завдання, не виходячи з середовища браузера.

За словами самої компанії, ці функції були впроваджені після збору відгуків від користувачів, які їх потребували. Потужніші інструменти для віддаленої роботи та цифрової співпраці, які вже дуже поширені в повсякденній діяльності багатьох компаній.

Як ефективно завантажувати та зберігати файли в Chrome

Окрім кешування, одним із найпростіших застосувань браузера, очевидно, є Завантажте файли та збережіть їх на своєму пристрої.Chrome пропонує кілька способів зробити це залежно від типу контенту, а також опції для налаштування папки, де вони зберігаються.

Щоб розпочати стандартне завантаження, на більшості сторінок вам просто потрібно Натисніть на відповідне посилання для завантаженняАбо ж можна скористатися контекстним меню, клацнувши правою кнопкою миші на посиланні та вибравши "Зберегти як" безпосередньо вибрати назву та місцезнаходження.

Якщо ви хочете зберегти зображення, ви можете Клацніть правою кнопкою миші на фотографії та виберіть «Зберегти зображення як»У випадку вбудованих відео, якщо сайт це дозволяє, при наведенні курсора на відео ви побачите опцію виконуватиЯкщо воно не відображається, це зазвичай означає, що веб-сайт або власник контенту заблокував цю можливість.

Для PDF-файлів, окрім вбудованого режиму перегляду, у вас є можливість Клацніть правою кнопкою миші на посиланні документа та виберіть «Зберегти посилання як» завантажити файл безпосередньо, без необхідності попередньо переглядати його в браузері.

Коли Chrome починає завантажувати щось, піктограма завантаження триває у верхньому правому куті, поруч із адресним рядком. Після завершення воно відкриється лоток завантажень, звідки ви можете відкрити файл одним клацанням миші.

Розширені функції PDF: редагування, OCR та збереження

Google не обмежився лише переглядом PDF-файлів: він покращив свій переглядач, щоб ви могли редагувати та зберігати змінені версії безпосередньо з Chrome.

Якщо ви отримаєте доступ до онлайн-форми у форматі PDF, ви можете вводити дані в поля безпосередньо з браузера А коли ви закінчите, скористайтеся опцією «Завантажити відредаговано» щоб зберегти файл з усіма змінами, внесеними на ваш комп’ютер.

Крім того, коли ви відкриваєте PDF-файли в Chrome, отримані з відскановані фізичні документиБраузер автоматично застосовує процес оптичне розпізнавання символів (OCR)Завдяки цьому ці PDF-файли стають доступними для пошуку та вибору: ви можете виділяти текст, копіювати його, вставляти або знаходити певні слова в документі.

Важливо зазначити, що Весь процес конвертації виконується локально на вашому пристрої.без надсилання вмісту PDF-файлу на сервери Google або третім сторонам, що допомагає зберегти конфіденційність інформації, особливо якщо це конфіденційна документація.

Після завантаження відредагованого PDF-файлу ви можете відкрийте його будь-коли та продовжуйте редагуватиабо знову з Chrome, або з іншої сумісної програми, наприклад, розширеного читача PDF-файлів.

Налаштування папки завантажень та її поведінки в Chrome

За замовчуванням Chrome зберігає все, що ви завантажуєте, у папку за замовчуванням, але ви можете змінити цей маршрут, щоб адаптувати його до вашого способу роботи або навіть змусити браузер щоразу запитувати вас, де ви хочете зберегти файл.

На комп’ютері перейдіть до "Налаштування" У меню Chrome (угорі праворуч) та в опціях перейдіть до розділу "Завантаження"Там ви можете побачити поточну папку, де зберігаються ваші файли.

Якщо ви хочете його змінити, натисніть на "Зміна" та виберіть інше розташування в системі, наприклад, певну папку для проектів, шлях на іншому диску або навіть папка, синхронізована з хмарою щоб завантаження були доступні на кількох пристроях.

Якщо ви бажаєте контролювати кожне завантаження, ви можете активувати цю опцію "Запитайте, де кожен файл буде збережений, перш ніж завантажувати його"Таким чином, щоразу, коли ви щось завантажуєте, Chrome показуватиме вам діалогове вікно для вибору папки та назви.

Така конфігурація допомагає уникнути хаотичного розташування файлів в одній папці та спрощує підтримувати більш логічну систему порядку за проектами, клієнтами або типами документів.

Розташування завантажень за замовчуванням залежно від операційної системи

Якщо ви ніколи не торкалися налаштувань завантаження, Chrome використовує різні папки за замовчуванням залежно від операційної системи який ви використовуєте на своєму комп’ютері.

У Windows 10 та пізніших версіях файли зазвичай зберігаються в \Usuarios\<nombredeusuario>\Descargas, який зазвичай також відображається як «Завантаження» у файловому провіднику.

У macOS звичайний шлях такий /Users/<username>/Downloadsдоступний з Finder у папці користувача. А в системах Linux Chrome зазвичай завантажує все до /home/<username>/Downloads, видимий у файловому менеджері вашого робочого середовища.

Знання цих маршрутів дозволить вам знайти старі завантаження навіть якщо ви не пам’ятаєте, куди їх поклали, особливо якщо ви ніколи не змінювали папку за замовчуванням у налаштуваннях браузера.

Дозволи на завантаження та керування кількома файлами

Chrome також має елементи керування безпекою, пов’язані з багаторазові та автоматичні завантаженнящоб вебсайти не могли завантажувати ваші файли без вашої згоди.

Якщо ви хочете налаштувати ці дозволи, відкрийте Chrome на своєму комп’ютері, перейдіть за посиланням "Налаштування" і шукайте розділ "Конфіденційність та безпека"Звідти доступ «Конфігурація сайту» і, всередині, до «Додаткові дозволи > Автоматичні завантаження».

У цьому розділі ви можете визначити чи дозволяєте ви сайтам послідовно завантажувати кілька пов’язаних файлівЦе може бути корисним на перевірених веб-сайтах, але небезпечним на сумнівних. Налаштування цієї поведінки надає вам додатковий контроль і безпеку.

Щоб керувати завантаженнями, які вже тривають, подивіться у верхній правий кут браузера, де відображається панель зі списком нещодавно завантажених файлівЯкщо навести курсор миші на назву файлу, ви зможете призупинити, відновити або скасувати завантаження як вам зручно.

Якщо ви хочете переглянути, що ви завантажили за останні кілька днів або місяців, відкрийте меню Chrome і натисніть "Завантаження"З цієї сторінки ви можете Відкрийте кожен файл одним клацанням миші Або, якщо ви хочете очистити історію, скористайтеся опцією "Відкласти" поруч із кожним із них. Майте на увазі, що це видаляє його зі списку, але Це не видаляє фізичний файл з вашого комп'ютера..

Розширений контроль PDF: дозволи та автоматичне відкриття

Окрім визначення місця зберігання файлів, ви можете точно налаштувати поведінку Chrome за допомогою певні типи контенту, такі як PDF-файлиабо завантажити їх назавжди, або переглянути їх у вбудованому переглядачі.

У налаштуваннях сайту та розділі завантажень ви знайдете опції для визначити поведінку PDF-файлів за замовчуваннямНаприклад, ви можете вибрати, чи завжди відкривати їх за допомогою засобу перегляду Chrome, чи завантажувати їх автоматично.

Якщо ви коли-небудь вказували, що певний тип файлу завжди має відкриватися певною програмою, а тепер хочете скасувати це, ви можете вимкнути автоматичне відкриттяДля цього завантажте інший файл такого типу, перейдіть до списку останніх завантажень, клацніть правою кнопкою миші та зніміть прапорець. «Завжди відкривати файли цього типу» якщо воно виглядає позначеним.

Це невелике налаштування запобігає запуску сторонніх програм щоразу, коли ви щось завантажуєте, що може бути особливо дратує з PDF-файлами або зображеннями які ви просто хочете зберегти та переглянути пізніше на дозвіллі.

Поєднуючи ці параметри дозволів з параметрами для папок та завантажень, ви досягнете наступного: Chrome адаптується точно до того, як ви керуєте документамизамість того, щоб щоразу виправляти їхню поведінку.

Як зберегти зміни до локальних файлів з Chrome DevTools

Якщо ви розробляєте веб-сайти або любите експериментувати з кодом, Chrome DevTools містить дуже потужну функцію під назвою Робочі простори або робочі областіщо дозволяє зберігати зміни, внесені до CSS, HTML та JavaScript, безпосередньо на вашому комп’ютері.

Ідея полягає в тому, щоб підключити папку на вашому комп'ютері до DevTools, щоб під час редагування файлу з панелі Джерела, ці зміни зберегти у фактичний файл на дискуне лише у версії, завантаженій у браузері.

Наприклад, уявіть, що код вашого веб-сайту зберігається в локальній папці, ви запускаєте веб-сервер на локальному хості і ви отримуєте доступ до свого сайту з Chrome. Якщо ви підключите цю папку як робочу область, кожна модифікація 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, DevTools зможе автоматично виявляє цю папку і пропоную підключити його як робочу область, щоб не доводилося щоразу налаштовувати його вручну.

Підключення та використання папки 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 пропонує ще один варіант під назвою «Місцеві скасування»що дозволяє імітувати зміни веб-контенту або заголовків запитів, що зберігаються між перезавантаженнями, але без запису у файли вашого проектуЦе дуже корисний інструмент, коли ви хочете протестувати щось, не ставлячи під загрозу репозиторій або чекаючи на оновлення серверної частини.

Опанування цих функцій Chrome, пов’язаних із кешуванням, завантаженнями, PDF-файлами та робочими просторами, дозволяє вам Отримайте набагато більше від браузера, контролювати займаний ним простір, швидше працювати з документами та розробляти або налагоджувати веб-сайти за допомогою набагато плавнішого та професійнішого робочого процесу.