Chrome: Vylepšený trik ukladania súborov a vyrovnávacej pamäte

Ak používate prehliadač Google denne, pravdepodobne ste si to všimli. Chrome spracováva a ukladá súbory tisíckami rôznych spôsobov.Stiahnuté súbory, vyrovnávacia pamäť, PDF súbory, rozšírenia, zmeny v nástrojoch DevTools... a každá z týchto častí ovplyvňuje rýchlosť vášho počítača a pohodlie pri práci s dokumentmi.

Hoci sa zvonku môže zdať ako jednoduchý program, vo vnútri má Chrome množstvo funkcií pre... lepšia kontrola nad tým, kde sú súbory uložené, koľko miesta zaberajú a ako sú synchronizovanéPochopenie týchto možností vám umožňuje ušetriť miesto na disku, zlepšiť výkon, pohodlnejšie pracovať s PDF súbormi a inteligentnejšie organizovať všetko, čo si stiahnete z internetu.

Prečo dokáže Chrome zaberať toľko súborov a toľko miesta?

Pri prehliadaní webových stránok, sledovaní videí na YouTube alebo sledovaní seriálov na Netflixe sa v obchodoch Chrome súbory vo vyrovnávacej pamäti, súbory cookie a údaje stránok aby sa stránky načítavali rýchlejšie a používateľský zážitok bol plynulejší.

Problém je v tom, že časom, Táto vyrovnávacia pamäť môže narásť na niekoľko gigabajtov bez toho, aby ste si to vôbec všimli.Na SSD disku s obmedzeným priestorom to predstavuje značné plytvanie a môže to tiež spomaliť prehliadač a samotný počítač.

V ideálnom prípade by mala byť veľkosť vyrovnávacej pamäte prehliadača Chrome približne Maximálne 200 až 500 MBNa mnohých zariadeniach však dosahuje 3 GB alebo aj viac, čo nedáva veľký zmysel a môže spôsobiť problémy s výkonom, najmä ak máte tendenciu pracovať s niekoľkými náročnými aplikáciami súčasne.

Dobrou správou je, že prehliadač Chrome a systém Windows ponúkajú možnosti, takže môžete obmedziť veľkosť vyrovnávacej pamäte a vyprázdniť ju, keď chcete, bez toho, aby ste museli inštalovať ďalšie programy alebo si komplikovať život zvláštnymi nástrojmi.

Ako zobraziť a vyčistiť údaje a súbory, ktoré Chrome ukladá

Pred stanovením limitov je dôležité vedieť Čo presne zaberá miesto v prehliadači Chrome?Samotný prehliadač má panel, kde môžete vidieť, takmer pre každú stránku po stránke, koľko údajov každá webová stránka ukladá.

Ak to chcete skontrolovať, stačí ho zadať do adresného riadku. chrome://settings/content/allTáto stránka zobrazuje kompletný zoznam webových stránok a služieb ktoré ste navštívili a ktoré ukladajú dáta vo vašom prehliadači spolu s veľkosťou, ktorú zaberajú.

Odtiaľ môžete vymazať údaje z každej stránky jednotlivo Ak chcete vyčistiť iba konkrétne stránky, ktoré už nepoužívate, použite ikony koša. A ak uprednostňujete čistý štart, máte tiež možnosť „Vymazať všetky údaje“ naraz vymazať všetky uložené informácie.

Táto prvá recenzia slúži na uvoľnenie priestoru aj na aby bolo jasné, ktoré webové stránky najviac zapĺňajú vyrovnávaciu pamäťOdtiaľ môžete zvážiť nastavenie pevného limitu maximálnej veľkosti vyrovnávacej pamäte, aby sa v budúcnosti nevymkla spod kontroly.

Ako obmedziť vyrovnávaciu pamäť prehliadača Chrome pomocou skratky

Relatívne jednoduchý spôsob, ako ovládať, o koľko môže vyrovnávacia pamäť narásť, je pridať špeciálny parameter v skratke prehliadača Chromeaby samotný prehliadač nikdy nepresiahol nastavenú veľkosť.

V systéme Windows vyhľadajte skratku prehliadača Chrome, ktorú zvyčajne používate (napríklad tú na pracovnej ploche), kliknite na ňu pravým tlačidlom myši a zadajte „Vlastnosti“Potom prejdite na kartu "Priamy prístup" a pozri sa na pole "Destinácia", kde sa zobrazí cesta k spustiteľnému súboru prehliadača Chrome.

Na konci tohto riadku, za uzatváracími úvodzovkami cesty, musíte nechať prázdne miesto a pridať parameter –Disk-cache-size = 209715200Veľmi dôležité: Nezabudnite nechať prázdne miesto pred dvoma pomlčkami.alebo ho systém nebude správne interpretovať.

V tomto parametri je číslo 209715200 označuje maximálnu veľkosť vyrovnávacej pamäte vyjadrenú v bajtochčo zodpovedá približne 200 MB. Ak chcete povoliť viac, môžete použiť napríklad 524288000 pre 500 MB o 629145600 pre 600 MBKeď skončíte, stlačte „Použiť“ a potom „OK“ Uložte zmeny.

Od tohto okamihu Chrome bude rešpektovať tento limit vyrovnávacej pamäte Keď ho otvoríte pomocou tejto skratky, zabráni sa nekontrolovateľnému spúšťaniu dočasných údajov, ktoré spotrebúvajú miesto na disku.

Nastavenie trvalého limitu vyrovnávacej pamäte z registra systému Windows

Ak uprednostňujete podrobnejšie nastavenie, ktoré nezávisí od konkrétnej skratky, môžete nakonfigurovať trvalá hodnota z registra systému WindowsJe to trochu technickejšia metóda, ale veľmi užitočná, ak vás parameter skratky nepresvedčí alebo nefunguje podľa očakávaní.

Predtým, ako sa dotknete čohokoľvek v registri, odporúča sa urobiť zálohupre prípad, že by ste sa potrebovali vrátiť. Potom otvorte Editor registrov z ponuky Štart (vyhľadávanie regedit) a prejdite na kľúč Počítač\HKEY_LOCAL_MACHINE\SOFTWARE\Google\Chrome.

V tejto ceste, v pravom paneli, kliknite pravým tlačidlom myši a vyberte Nové> hodnota DWORD (32 bitov)Dajte tomu meno Veľkosť vyrovnávacej pamäte diskuPo vytvorení naň dvakrát kliknite a zapíšte maximálnu hodnotu veľkosti v bajtoch rovnako ako v prípade priameho prístupu (napríklad 209715200 pre 200 MB).

Po uložení hodnoty a zatvorení editora databázy Registry reštartujte počítač, aby sa zmena prejavila. Od tohto okamihu Chrome použije limit definovaný v registri bez nutnosti pridávať parametre do príkazového riadka skratiek.

S touto technikou sa zachová limit vyrovnávacej pamäte aj keď zmeníte skratky, aktualizujete Chrome alebo upravíte iné nastaveniaTo poskytuje väčšiu stabilitu pri nastavovaní zariadení, ktoré denne používate na prácu alebo štúdium.

Nové funkcie v prehliadači Chrome pre lepšiu prácu s PDF súbormi a dokumentmi

Okrem správy vyrovnávacej pamäte a sťahovaných súborov spoločnosť Google v poslednom čase posilňuje Funkcie prehliadača Chrome súvisiace s dokumentmi PDF takže môžete pracovať priamo z prehliadača bez toho, aby ste sa spoliehali na aplikácie tretích strán.

Medzi týmito vylepšeniami je jedným z najužitočnejších možnosť Pridávajte anotácie, zvýraznenia a digitálne podpisy priamo do PDF súborov Otvorte ich v prehliadači Chrome. Takto si môžete prezerať správy, vypĺňať formuláre alebo podpisovať dokumenty bez toho, aby ste ich museli sťahovať a otvárať v inom programe.

Chrome tiež vylepšil integrácia s Diskom Googletakže uloženie PDF súboru do cloudu je jednoduché ako niekoľko kliknutí priamo v prehliadači. Tieto súbory sa dajú automaticky uložiť do konkrétneho priečinka s názvom „Uložené z prehliadača Chrome“čo pomáha predchádzať ich zámene s inými stiahnutými súbormi.

Ďalšou dôležitou novou funkciou zameranou na produktivitu je funkcia známa ako „Rozdelené zobrazenie“ alebo rozdelená obrazovkačo vám umožňuje zobraziť dve karty súčasne v tom istom okne prehliadača Chrome bez toho, aby ste medzi nimi museli neustále prepínať.

Podľa spoločnosti Google sa tento nástroj objavil ako odpoveď Časté sťažnosti používateľov, ktorí sú nútení žonglovať s viacerými oknami a kartamineustále strácali prehľad o tom, čo robia. V počiatočných testoch spoločnosť zistila jasné zlepšenie v oblasti správy úloh a multitaskingu.

Funkcie produktivity: rozdelená obrazovka a anotácie PDF

Rozdelené zobrazenie obrazovky v prehliadači Chrome je navrhnuté tak, aby ste mohli konzultovať dva zdroje súčasneNapríklad, mať PDF dokument otvorený na jednej karte a zároveň písať e-mail alebo správu na inej.

Toto zobrazenie ponúka organizovanejší spôsob práce ako otvorenie niekoľko okien plávajúcich na pracovnej plocheObzvlášť na obrazovkách notebookov, kde je priestor obmedzený. To skracuje čas strávený prepínaním medzi kartami a minimalizuje rozptýlenie.

Súbežne s tým vám vstavaný nástroj na anotáciu PDF v prehliadači Chrome umožňuje Zvýrazňujte, komentujte a podpisujte dokumenty bez toho, aby ste opustili prehliadačPre tých, ktorí denne pracujú so správami, zmluvami alebo formulármi, to výrazne zefektívňuje pracovné postupy.

Toto všetko je súčasťou cieľa spoločnosti Google premeniť Chrome na niečo viac než len jednoduchá brána na internetumiestňuje ho ako platformu, kde si môžete prezerať dokumenty, spolupracovať a organizovať úlohy bez toho, aby ste opustili prostredie prehliadača.

Podľa samotnej spoločnosti boli tieto funkcie zavedené po zhromaždení spätnej väzby od používateľov, ktorí ich potrebovali. Výkonnejšie nástroje pre prácu na diaľku a digitálnu spoluprácu, ktoré sú už veľmi bežné v každodennej prevádzke mnohých spoločností.

Ako efektívne sťahovať a ukladať súbory v prehliadači Chrome

Okrem ukladania do vyrovnávacej pamäte je jedným z najzákladnejších použití prehliadača jednoznačne Stiahnite si súbory a uložte ich do svojho zariadenia.Chrome ponúka niekoľko spôsobov, ako to urobiť v závislosti od typu obsahu, ako aj možnosti prispôsobenia priečinka, v ktorom sú uložené.

Ak chcete spustiť štandardné sťahovanie, na väčšine stránok stačí Kliknite na príslušný odkaz na stiahnutiePrípadne môžete použiť kontextovú ponuku kliknutím pravým tlačidlom myši na odkaz a výberom "Uložiť ako" priamo vybrať názov a miesto.

Ak chcete uložiť obrázok, môžete Kliknite pravým tlačidlom myši na fotografiu a kliknite na „Uložiť obrázok ako“V prípade vložených videí, ak to stránka umožňuje, sa po presunutí kurzora myši nad video zobrazí možnosť plnenieAk sa nezobrazí, je to zvyčajne preto, že webová stránka alebo vlastník obsahu túto možnosť zablokoval.

V prípade súborov PDF máte okrem vstavaného zobrazenia aj možnosť Kliknite pravým tlačidlom myši na odkaz na dokument a vyberte možnosť „Uložiť odkaz ako“ stiahnuť súbor priamo, bez toho, aby ste ho museli najskôr zobraziť v prehliadači.

Keď Chrome začne niečo sťahovať, ikona prebiehajúceho sťahovania v pravom hornom rohu, vedľa panela s adresou. Po dokončení sa otvorí zásobník na stiahnutie, odkiaľ môžete súbor otvoriť jedným kliknutím.

Pokročilé funkcie PDF: úprava, OCR a ukladanie

Google sa nezastavil len pri prezeraní súborov PDF: vylepšil svoj prehliadač, aby ste mohli upravovať a ukladať upravené verzie priamo z prehliadača Chrome.

Ak máte prístup k online formuláru PDF, môžete zadávať do polí priamo zo prehliadača A keď skončíte, použite možnosť „Stiahnutie upravené“ uložte súbor so všetkými zmenami, ktoré ste vykonali v počítači.

Okrem toho, keď v prehliadači Chrome otvoríte súbory PDF, ktoré pochádzajú z naskenované fyzické dokumentyPrehliadač automaticky použije proces optické rozpoznávanie znakov (OCR)Vďaka tomu sa tieto súbory PDF stanú vyhľadávateľnými a voliteľnými: môžete zvýrazniť text, kopírovať ho, vložiť ho alebo vyhľadať konkrétne slová v dokumente.

Je dôležité si to uvedomiť Celý proces konverzie sa vykonáva lokálne na vašom zariadení.bez odosielania obsahu PDF súboru na servery spoločnosti Google alebo tretím stranám, čo pomáha zachovať súkromie informácií, najmä ak ide o citlivú dokumentáciu.

Po stiahnutí upraveného PDF súboru môžete otvorte ho kedykoľvek a pokračujte v jeho úpraváchbuď znova z prehliadača Chrome, alebo z iného kompatibilného programu, ako je napríklad pokročilá čítačka PDF.

Konfigurácia priečinka na stiahnutie a správania v prehliadači Chrome

Chrome predvolene ukladá všetko, čo stiahnete, do predvoleného priečinka, ale môžete zmeňte túto trasu tak, aby ste ju prispôsobili svojmu spôsobu práce alebo dokonca nechať prehliadač, aby sa vás vždy opýtal, kam chcete súbor uložiť.

V počítači prejdite na "Nastavenia" V ponuke Chrome (vpravo hore) prejdite v rámci možností do sekcie "K stiahnutiu"Tam vidíte aktuálny priečinok, v ktorom sú uložené vaše súbory.

Ak ho chcete upraviť, kliknite na „Zmeniť“ a vyberte iné umiestnenie v systéme, napríklad konkrétny priečinok pre projekty, cestu na inom disku alebo dokonca priečinok synchronizovaný s cloudom aby boli stiahnuté súbory dostupné na viacerých zariadeniach.

Ak chcete mať kontrolu nad každým sťahovaním, môžete aktivovať túto možnosť „Pred stiahnutím sa opýtajte, kam budú uložené jednotlivé súbory.“Takto vám Chrome pri každom sťahovaní niečoho zobrazí dialógové okno na výber priečinka a jeho názvu.

Táto konfigurácia vám pomôže vyhnúť sa chaotickému neporiadku súborov v tom istom priečinku a uľahčí... udržiavať logickejší systém usporiadania podľa projektov, klientov alebo typov dokumentov.

Predvolené umiestnenia na sťahovanie na základe operačného systému

Ak ste sa ešte nikdy nedotkli nastavení sťahovania, prehliadač Chrome používa rôzne predvolené priečinky v závislosti od operačného systému ktoré používate na svojom počítači.

V systéme Windows 10 a novších verziách sa súbory zvyčajne ukladajú do \Usuarios\<nombredeusuario>\Descargas, ktorý sa zvyčajne zobrazuje aj v priečinku „Stiahnuté súbory“ v prieskumníkovi súborov.

V systéme macOS je obvyklá cesta /Users/<username>/Downloadsprístupné z Finderu v priečinku používateľa. A v systémoch Linux Chrome zvyčajne sťahuje všetko do /home/<username>/Downloads, viditeľné v správcovi súborov vo vašom pracovnom prostredí.

Znalosť týchto trás vám umožní vyhľadajte staré stiahnuté súbory aj keď si nepamätáte, kam ste ich umiestnili, najmä ak ste nikdy nezmenili predvolený priečinok v nastaveniach prehliadača.

Povolenia na sťahovanie a správa viacerých súborov

Chrome má tiež bezpečnostné kontroly súvisiace s viacnásobné a automatické sťahovanieaby webové stránky nemohli sťahovať súbory od vás bez vášho súhlasu.

Ak chcete upraviť tieto povolenia, otvorte Chrome v počítači a prejdite na "Nastavenia" a vyhľadajte sekciu „Ochrana osobných údajov a bezpečnosť“Odtiaľ prístup „Nastavenia stránky“ a vo vnútri, do „Ďalšie povolenia > Automatické sťahovanie“.

V tejto časti môžete definovať či povolíte webovým stránkam sťahovať viacero súvisiacich súborov za sebouToto môže byť užitočné na dôveryhodných webových stránkach, ale nebezpečné na pochybných. Úpravou tohto správania získate dodatočnú kontrolu a bezpečnosť.

Ak chcete spravovať už prebiehajúce sťahovania, pozrite sa do pravého horného rohu prehliadača, kde sa zobrazuje panel so zoznamom nedávno stiahnutých súborovKeď podržíte kurzor myši nad názvom súboru, budete môcť pozastaviť, obnoviť alebo zrušiť sťahovanie ako ti to vyhovuje.

Ak si chcete skontrolovať, čo ste si stiahli za posledných pár dní alebo mesiacov, otvorte ponuku Chrome a kliknite na "K stiahnutiu"Z tejto stránky môžete Otvorte každý súbor jedným kliknutím Alebo, ak chcete vymazať históriu, použite možnosť "Odložiť" vedľa každého z nich. Majte na pamäti, že sa tým odstráni zo zoznamu, ale Neodstráni fyzický súbor z vášho počítača..

Pokročilá kontrola PDF: povolenia a automatické otváranie

Okrem rozhodovania o tom, kde sa súbory ukladajú, môžete doladiť aj správanie prehliadača Chrome pomocou určité typy obsahu, ako napríklad súbory PDFbuď si ich stiahnuť natrvalo, alebo si ich zobraziť v integrovanom prehliadači.

V nastaveniach stránky a v sekcii sťahovania nájdete možnosti pre definovať predvolené správanie súborov PDFMôžete si napríklad vybrať, či sa majú vždy otvárať v prehliadači Chrome alebo sa majú sťahovať automaticky.

Ak ste niekedy nastavili, že typ súboru sa má vždy otvárať v určitej aplikácii a teraz to chcete vrátiť späť, môžete zakázať automatické otváranieAk to chcete urobiť, stiahnite si iný súbor daného typu, prejdite na zoznam posledných stiahnutí, kliknite pravým tlačidlom myši a zrušte začiarknutie políčka „Vždy otvárať súbory tohto typu“ ak sa zdá byť označený.

Táto malá úprava zabráni otváraniu programov tretích strán pri každom sťahovaní, čo môže byť obzvlášť otravné pri PDF súboroch alebo obrázkoch ktoré si chcete len uložiť a neskôr si ich prezrieť vo svojom voľnom čase.

Kombináciou týchto možností povolení s možnosťami pre správanie priečinkov a sťahovania dosiahnete nasledovné: Chrome sa presne prispôsobí spôsobu, akým spravujete dokumentynamiesto toho, aby museli zakaždým opravovať svoje správanie.

Ako uložiť zmeny do lokálnych súborov z nástrojov Chrome DevTools

Ak vyvíjate webové stránky alebo sa radi pohrávate s kódom, Chrome DevTools obsahuje veľmi výkonnú funkciu s názvom Pracovné priestory alebo pracovné priestoryčo vám umožňuje uložiť zmeny vykonané v CSS, HTML a JavaScripte priamo do počítača.

Cieľom je prepojiť priečinok v počítači s nástrojmi DevTools, aby sa pri úprave súboru z panela Zdroje, tieto zmeny uložiť do skutočného súboru na diskunielen vo verzii načítanej v prehliadači.

Predstavte si napríklad, že máte kód svojej webovej stránky v lokálnom priečinku, spúšťate webový server na localhoste a pristupujete k svojej stránke z prehliadača Chrome. Ak pripojíte tento priečinok ako pracovný priestor, každá úprava CSS alebo JS, ktorú vykonáte v nástrojoch DevTools, sa prejaví v živom projekte.

Stojí však za to vedieť, že Nástroje DevTools neukladajú zmeny vykonané v DOM z panela „Prvky“.pretože tento strom môže byť výrazne manipulovaný JavaScriptom a CSS a nie vždy je možné sa presne vrátiť k pôvodnému zdrojovému súboru.

Na uľahčenie tohto typu mapovania medzi optimalizovaným kódom a zdrojovým kódom využíva DevTools zdrojové mapy, veľmi bežné v moderných frameworkoch, ktoré transformujú kód pred jeho odoslaním do prehliadača.

Automatické pripojenie priečinka k pracovnému priestoru pomocou súboru JSON

Jedným zo spôsobov, ako môže DevTools automaticky vyhľadať priečinok vášho pracovného priestoru, je vygenerovať špeciálny súbor JSON s metadátami a sprístupnite ho z vášho lokálneho servera spolu so zvyškom stránky.

Najprv musíte vygenerovať náhodné UUID verzie 4ktorý bude slúžiť ako jedinečný identifikátor vášho pracovného priestoru. Potom vytvoríte súbor JSON so štruktúrou podobnou tejto:

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

V tomto JSON, pole „uuid“ bude obsahovať vygenerovaný identifikátor a hodnotu „Root“ Toto bude cesta ku koreňovému priečinku projektu vo vašom súborovom systéme, kde sa nachádza váš kód.

Ďalej umiestnite tento súbor do cesty path/to/project/root/folder/.well-known/appspecific/com.chrome.devtools.json v rámci vášho projektu a uistite sa, že vaše lokálny HTTP server ho obsluhuje správne.

Keď pristupujete na stránku z prehliadača Chrome, nástroje DevTools budú môcť automaticky vyhľadať daný priečinok a navrhujem ho pripojiť ako pracovný priestor, aby ste ho nemuseli zakaždým manuálne konfigurovať.

Pripojenie k priečinku Workspace a jeho používanie z nástrojov DevTools

Ak nechcete použiť súbor JSON alebo to radšej uprednostňujete manuálne, môžete tiež pripojiť priečinok priamo z nástrojov DevTools v niekoľkých krokoch.

Zo stránky, ktorú testujete lokálne (napríklad localhost:8000), otvorí sa Chrome DevTools a prejdite na panel „Zdroje“ > „Pracovný priestor“ alebo „Pracovisko“. Tam uvidíte možnosť „Pripojiť“ vedľa vášho priečinka, ak bol automaticky rozpoznaný, alebo „Pridať priečinok manuálne“.

Keď kliknete na tlačidlo „Pripojiť“ alebo pri manuálnom pridávaní priečinka, DevTools si vyžiada povolenie na upravovať súbory v danom umiestneníPrijmite požiadavku (kliknite na tlačidlo „Upraviť súbory“), aby nástroj mohol uložiť zmeny do vášho systému.

Po pripojení priečinka ho môžete otvoriť z karty „Pracovné priestory“ a uvidíš zelené bodky vedľa súborov HTML, CSS a JavaScript ktoré sa nástroju DevTools podarilo namapovať so sieťovými zdrojmi načítanými na stránke.

Odvtedy všetky zmeny, ktoré vykonáte a uložíte (napríklad pomocou ctrl/Cmd + S) Viem Bude priamo zapisovať cez vaše zdrojové súbory., čím integrujete prehliadač do vášho bežného vývojového pracovného postupu.

Uloženie zmien v CSS, HTML a JavaScripte z nástrojov DevTools

Po pripojení priečinka môžete upravovať štýly, HTML alebo JavaScript z nástrojov DevTools a Uložte zmeny rovnako ako v editore kódu.ale výsledok sa zobrazuje v reálnom čase v prehliadači.

V prípade CSS otvorte príslušný súbor z Zdroje > Pracovné priestoryUpravte pravidlá, ktoré vás zaujímajú, a keď sa vám výsledok bude páčiť, uložte pomocou bežnej kombinácie klávesovZmena sa prejaví vo fyzickom súbore bez nutnosti opätovného načítania stránky.

V prípade HTML je postup podobný: otvoríte súbor z pracovného priestoru, upravíte značky a potom uložiť pomocou Ctrl/Cmd + SV tomto prípade budete musieť Znovu načítať stránku aby prehliadač znovu vybudoval DOM s novou verziou.

V JavaScripte upravíte súbor z pracovného priestoru, uložíte zmeny a v závislosti od konfigurácie vášho lokálneho servera môžete Stránka sa automaticky znova načíta alebo že musíte vynútiť opätovné načítanie alebo sa znova nasadiť, aby ste videli nové správanie.

DevTools tiež ponúka bočný panel a možnosť zmeny poradia kariet Takže pri úprave JS môžete mať po ruke nástroje Elements alebo Console, čo uľahčuje ladenie a rýchle testovanie.

Obmedzenia pracovného priestoru a rozdiely medzi HTML a DOM

Hoci sú pracovné priestory veľmi výkonné, je dôležité mať jasno v niektorých veciach. obmedzenia a špecifiká spôsobu, akým prehliadač Chrome spracováva obsah stránok.

Prvá vec, ktorú treba pochopiť, je, že strom, ktorý vidíte na paneli "prvky" predstavuje výsledný DOMTo znamená konečný stav stránky po použití HTML, JavaScriptu a CSS. Tento DOM sa môže dosť líšiť od pôvodného HTML stiahnutého z internetu.

Prehliadač prijme HTML súbor, analyzuje ho a vytvorí Strom uzlov DOMOdtiaľ, ak existujú skripty, môžu pridávať, odoberať alebo meniť uzly. Dokonca aj CSS, prostredníctvom vlastnosti contentMôže zmeniť to, čo je reprezentované. Preto, Finálny DOM sa nemusí nevyhnutne zhodovať so zdrojovým HTML riadok po riadku..

Kvôli tomuto rozdielu si DevTools nemôže byť istý. kam uložiť zmenu vykonanú priamo v stromovej štruktúre panelov „Prvky“pretože táto zmena môže pochádzať z HTML, skriptu alebo dynamických štýlov.

Stručne povedané, keď potrebujete uložiť zmenu do súborov, odporúčaný postup je upraviť z panela „Zdroje“ v zdrojových súborocha nie o DOM, ktorý by sa mal chápať skôr ako živá reprezentácia stránky než ako kódová základňa.

Odstránenie priečinka z pracovného priestoru a správa projektov

Ak kedykoľvek prestanete používať projekt alebo už nechcete mať priečinok prepojený s nástrojmi DevTools, môžete Prerušenie pripojenia je veľmi jednoduché. zo samotného panela Pracovný priestor.

En Zdroje > Pracovný priestorKliknite pravým tlačidlom myši na pripojený priečinok a vyberte „Odstrániť z pracovného priestoru“Potvrdením v kontextovom okne DevTools prestane mapovať tieto súbory a žiadne zmeny v nich sa neuložia.

Mali by ste tiež vedieť, že ak Upravíte alebo odstránite UUID v súbore JSON s metadátami Ako sme už spomenuli, priečinok sa automaticky odpojí, pretože sa stratí odkaz, ktorý prehliadač Chrome používa na jeho identifikáciu.

Ak chcete na prvý pohľad zobraziť všetky priečinky, ktoré už máte nakonfigurované ako pracovný priestor, môžete prejsť na „Nastavenia > Pracovný priestor“ v rámci nástrojov DevTools, kde sa zobrazí zoznam všetkých aktívnych trás a budete ich môcť spravovať centrálne.

Ak máte záujem experimentovať bez toho, aby ste sa museli dotknúť samotného zdrojového kódu, Chrome ponúka ďalšiu možnosť s názvom „Miestne zrušenia“čo umožňuje simulovať zmeny webového obsahu alebo hlavičiek požiadaviek, ktoré sa udržiavajú medzi opätovnými načítaniami, ale bez zápisu do súborov vášho projektuJe to veľmi užitočný nástroj, keď chcete testovať veci bez toho, aby ste museli ohroziť repozitár alebo čakať na aktualizácie backendu.

Zvládnutie týchto funkcií prehliadača Chrome súvisiacich s ukladaním do vyrovnávacej pamäte, sťahovaním, súbormi PDF a pracovnými priestormi vám umožní vyťažte z prehliadača oveľa viac, udržiavať priestor, ktorý zaberá, pod kontrolou, pracovať s dokumentmi rýchlejšie a vyvíjať alebo ladiť webové stránky s oveľa plynulejším a profesionálnejším pracovným postupom.