Chrome: Pinahusay na paraan sa pag-save ng file at cache

Kung araw-araw mong ginagamit ang Google browser, malamang napansin mo na Pinangangasiwaan at sine-save ng Chrome ang mga file sa libo-libong iba't ibang paraan.Mga download, cache, PDF, extension, mga pagbabago sa DevTools... at ang bawat isa sa mga bahaging ito ay nakakaimpluwensya kung gaano kabilis tumatakbo ang iyong computer at kung gaano ka komportable sa paggamit ng iyong mga dokumento.

Bagama't maaaring mukhang simpleng programa ito sa labas, sa loob ay maraming feature ang Chrome para sa mas mahusay na kontrol kung saan iniimbak ang mga file, kung gaano kalaking espasyo ang kanilang kinukuha, at kung paano ang mga ito ay sini-synchronizeAng pag-unawa sa mga opsyong ito ay nagbibigay-daan sa iyong makatipid ng espasyo sa disk, mapabuti ang performance, mas komportableng magtrabaho gamit ang mga PDF, at mas matalinong isaayos ang lahat ng iyong dina-download mula sa internet.

Bakit kaya ng Chrome na sakupin ang napakaraming file at napakaraming espasyo?

Habang nagba-browse ka ng mga website, nanonood ng mga video sa YouTube, o nanonood ng mga serye sa Netflix, mga tindahan ng Chrome mga naka-cache na file, cookies, at data ng site para mas mabilis mag-load ang mga pahina at mas maayos ang karanasan.

Ang problema ay, sa paglipas ng panahon, Ang cache na iyon ay maaaring lumaki sa ilang gigabytes nang hindi mo napapansin.Sa isang SSD na may limitadong espasyo, ito ay kumakatawan sa isang malaking pag-aaksaya at maaari ring magpabagal sa browser at sa mismong computer.

Sa isip, ang laki ng Chrome cache ay dapat panatilihin sa paligid ng Pinakamataas na 200 hanggang 500 MBGayunpaman, sa maraming device, umaabot ito ng 3 GB o higit pa, na hindi gaanong makatuwiran at maaaring magdulot ng mga bottleneck sa performance, lalo na kung madalas kang gumagamit ng ilang mabibigat na application nang sabay-sabay.

Ang magandang balita ay nag-aalok ang Chrome at Windows ng mga opsyon para magawa mo limitahan ang laki ng cache at alisan ito ng laman kung kailan mo gusto, nang hindi kinakailangang mag-install ng mga karagdagang programa o gawing kumplikado ang iyong buhay gamit ang mga kakaibang tool.

Paano tingnan at linisin ang data at mga file na iniimbak ng Chrome

Bago magtakda ng mga limitasyon, mahalagang malaman Ano nga ba ang eksaktong dahilan ng pag-okupa ng espasyo sa loob ng Chrome?Ang browser mismo ay may panel kung saan makikita mo, halos bawat site, kung gaano karaming data ang iniimbak ng bawat website.

Para tingnan ito, i-type lang ito sa address bar. chrome://settings/content/allIpinapakita ng pahinang iyon isang kumpletong listahan ng mga website at serbisyo na iyong binibisita at nag-iimbak ng data sa iyong browser, kasama ang laki ng mga ito.

Mula doon maaari mong burahin ang data mula sa bawat site nang paisa-isa Gamitin ang mga icon ng basurahan kung gusto mo lang linisin ang mga partikular na pahinang hindi mo na ginagamit. At kung gusto mo ng malinis na listahan, mayroon ka ring opsyon na "Tanggalin ang lahat ng data" para alisan ng laman ang nakaimbak na impormasyon nang sabay-sabay.

Ang unang pagsusuring ito ay nagsisilbing kapwa upang mabawi ang ilang espasyo at upang para maging malinaw kung aling mga website ang pinakamadalas na pumupuno ng cacheMula roon, maaari mong isaalang-alang ang pagtatakda ng isang nakapirming limitasyon sa maximum na laki ng cache na iyon, upang hindi ito mawalan ng kontrol sa hinaharap.

Paano limitahan ang cache ng Chrome mula sa shortcut

Isang medyo simpleng paraan para kontrolin kung gaano kalaki ang maaaring lumaki sa cache ay ang pagdaragdag ng espesyal na parameter sa shortcut ng Chromepara hindi lumagpas ang browser mismo sa laki na itinakda mo.

Sa Windows, hanapin ang shortcut ng Chrome na karaniwan mong ginagamit (halimbawa, ang nasa iyong desktop), i-right click ito, at i-enter "Ari-arian"Pagkatapos ay pumunta sa tab "Direktang pag-access" at tingnan ang bukid "Patutunguhan", kung saan lumalabas ang path papunta sa Chrome executable.

Sa dulo ng linyang iyon, pagkatapos ng mga panipi sa pagtatapos ng landas, kailangan mong mag-iwan ng blangko na espasyo at idagdag ang parameter –Disk-cache-size = 209715200Napakahalaga: Huwag kalimutang mag-iwan ng blangkong espasyo bago ang dalawang gitling.o hindi ito bibigyang-kahulugan nang tama ng sistema.

Sa parameter na iyon, ang bilang 209715200 nagpapahiwatig ng pinakamataas na laki ng cache na ipinapahayag sa mga bytena katumbas ng humigit-kumulang 200 MB. Kung gusto mong payagan ang higit pa, maaari mong gamitin, halimbawa, 524288000 para sa 500 MB o 629145600 para sa 600 MBKapag tapos ka na, pindutin ang "Mag-apply" at pagkatapos ay "OK" upang mai-save ang mga pagbabago.

Mula sa sandaling iyon, Igagalang ng Chrome ang limitasyon sa cache na iyon Kapag binuksan mo ito gamit ang shortcut na iyon, pinipigilan nito ang pansamantalang data na tumakbo nang laganap at hindi mapigilang pagkonsumo ng espasyo sa iyong disk.

Magtakda ng permanenteng limitasyon sa cache mula sa Windows Registry

Kung mas gusto mo ang mas malalimang pagsasaayos na hindi nakadepende sa isang partikular na shortcut, maaari mong i-configure isang permanenteng halaga mula sa Windows RegistryIto ay isang medyo mas teknikal na pamamaraan, ngunit lubos na kapaki-pakinabang kung ang parameter ng shortcut ay hindi ka nakumbinsi o hindi naaangkop gaya ng iyong inaasahan.

Bago hawakan ang anumang bagay sa Registry, inirerekomenda na gumawa ng backupkung sakaling kailangan mong bumalik. Pagkatapos, buksan ang Registry Editor mula sa Start menu (paghahanap regedit) at mag-navigate papunta sa key Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Google\Chrome.

Sa path na iyon, sa kanang panel, i-right-click at piliin ang Bago> Halaga ng DWORD (32 bits)Bigyan ito ng pangalan DiskCacheSizeKapag nagawa na, i-double click ito at isulat ang pinakamataas na halaga ng laki sa mga byte tulad ng sa kaso ng direktang pag-access (halimbawa, 209715200 para sa 200 MB).

Pagkatapos mong i-save ang value at isara ang Registry Editor, i-restart ang iyong computer para magkabisa ang pagbabago. Mula sa puntong iyon, Gagamitin ng Chrome ang limitasyong tinukoy sa Registry nang hindi kinakailangang magdagdag ng mga parameter sa command line ng mga shortcut.

Gamit ang pamamaraang ito, mapapanatili ang limitasyon ng cache kahit na baguhin mo ang mga shortcut, i-update ang Chrome, o baguhin ang iba pang mga settingNagbibigay ito ng higit na katatagan sa pagsasaayos sa kagamitang ginagamit mo araw-araw para sa trabaho o pag-aaral.

Mga bagong feature sa Chrome para sa mas mahusay na paggana sa mga PDF at dokumento

Bukod sa pamamahala ng cache at mga download, kamakailan ay pinalalakas ng Google ang Mga tampok ng Chrome na may kaugnayan sa mga dokumentong PDF para makapagtrabaho ka nang direkta mula sa browser nang hindi umaasa sa mga application ng third-party.

Sa mga pagpapabuting ito, isa sa mga pinakakapaki-pakinabang ay ang kakayahang Magdagdag ng mga anotasyon, highlight, at digital signature nang direkta sa mga PDF Buksan ang mga ito sa Chrome. Sa ganitong paraan, maaari mong suriin ang mga ulat, punan ang mga form, o pirmahan ang mga dokumento nang hindi kinakailangang i-download at buksan ang mga ito gamit ang ibang programa.

Pinahusay din ng Chrome ang pagsasama sa Google Drivekaya ang pag-save ng PDF sa cloud ay kasing simple ng ilang pag-click mula mismo sa viewer. Ang mga file na ito ay maaaring awtomatikong maiimbak sa isang partikular na folder na tinatawag na "Na-save mula sa Chrome"nakakatulong upang maiwasan ang paghahalo ng mga ito sa iba pang mga download.

Ang isa pang mahalagang bagong tampok na nakatuon sa produktibidad ay ang tungkuling kilala bilang "Split View" o hating screenna nagbibigay-daan sa iyong tingnan ang dalawang tab nang sabay-sabay sa loob ng parehong window ng Chrome, nang hindi kinakailangang magpalipat-lipat sa pagitan ng mga ito.

Ayon sa Google, lumitaw ang tool na ito upang sagutin ang Mga madalas na reklamo mula sa mga gumagamit na napipilitang mag-juggle ng maraming window at tabpatuloy na nawawalan ng track kung ano ang kanilang ginagawa. Sa mga unang pagsubok, nakita ng kumpanya isang malinaw na pagpapabuti sa pamamahala ng gawain at mga kakayahan sa multitasking.

Mga tampok ng produktibidad: split screen at mga anotasyon ng PDF

Dinisenyo ang split-screen view ng Chrome para magawa mo kumunsulta sa dalawang mapagkukunan nang sabayHalimbawa, ang pagkakaroon ng bukas na PDF na dokumento sa isang tab habang nagbabalangkas ng email o isang ulat sa isa pa.

Ang pananaw na ito ay nag-aalok ng mas organisadong paraan ng pagtatrabaho kaysa sa pagbubukas ilang mga bintana na lumulutang sa desktopLalo na sa mga screen ng laptop kung saan limitado ang espasyo. Binabawasan nito ang oras na ginugugol mo sa paglipat ng mga tab at binabawasan ang mga abala.

Kasabay nito, ang built-in na PDF annotation tool ng Chrome ay nagbibigay-daan sa iyo I-highlight, magkomento, at pumirma ng mga dokumento nang hindi umaalis sa iyong browserPara sa mga nagtatrabaho araw-araw sa mga ulat, kontrata, o mga form, lubos nitong pinapadali ang mga daloy ng trabaho.

Ang lahat ng ito ay bahagi ng layunin ng Google na gawing isang bagay na higit pa sa isang simpleng daanan patungo sa Internetipinoposisyon ito bilang isang plataporma kung saan maaari mong suriin ang mga dokumento, makipagtulungan, at ayusin ang mga gawain nang hindi umaalis sa kapaligiran ng browser.

Ayon mismo sa kumpanya, ang mga tampok na ito ay inilunsad matapos mangalap ng feedback mula sa mga gumagamit na nangangailangan ng mga ito. Mas makapangyarihang mga tool para sa remote na trabaho at digital na kolaborasyon, na karaniwan na sa pang-araw-araw na operasyon ng maraming kumpanya.

Paano epektibong mag-download at mag-save ng mga file sa Chrome

Bukod sa pag-cache, isa sa mga pinakasimpleng gamit ng browser ay, malinaw na, Mag-download ng mga file at i-save ang mga ito sa iyong device.Nag-aalok ang Chrome ng ilang paraan para gawin ito depende sa uri ng nilalaman, pati na rin ang mga opsyon para i-customize ang folder kung saan nakaimbak ang mga ito.

Para simulan ang isang karaniwang pag-download, sa karamihan ng mga pahina kailangan mo lang I-click ang kaukulang link sa pag-downloadBilang kahalili, maaari mong gamitin ang menu ng konteksto sa pamamagitan ng pag-right-click sa link at pagpili ng "I-save bilang" para direktang piliin ang pangalan at lokasyon.

Kung gusto mong mag-imbak ng larawan, puwede mong Mag-right-click sa larawan at i-click ang "I-save ang larawan bilang"Sa kaso ng mga naka-embed na video, kung pinapayagan ito ng site, kapag ini-hover mo ang iyong cursor sa ibabaw ng video, makakakita ka ng opsyon na pagdidiskargaKung hindi ito lumalabas, kadalasan ay dahil hinarangan ng website o ng may-ari ng nilalaman ang posibilidad na iyon.

Para sa mga PDF, bukod pa sa built-in na view, mayroon kang opsyon na Mag-right-click sa link ng dokumento at piliin ang "I-save ang link bilang" para direktang i-download ang file, nang hindi na kailangang tingnan muna ito sa browser.

Kapag nagsimulang mag-download ang Chrome ng isang bagay, icon ng pag-download ay isinasagawa sa kanang sulok sa itaas, sa tabi ng address bar. Kapag tapos na, bubukas ito ang tray ng mga download, kung saan maaari mong buksan ang file sa isang click lang.

Mga advanced na function ng PDF: pag-edit, OCR, at pag-save

Hindi lang basta-basta tumigil ang Google sa pagpapahintulot sa iyo na tumingin ng mga PDF: pinahusay din nito ang viewer nito para magawa mo... i-edit at i-save ang mga binagong bersyon direkta mula sa Chrome.

Kung makakapag-access ka ng online na PDF form, maaari mong para i-type ang mga field mula mismo sa browser At kapag tapos ka na, gamitin ang opsyon na "Na-edit na ang pag-download" para i-save ang file kasama ang lahat ng mga pagbabagong ginawa mo sa iyong computer.

Bukod pa rito, kapag binuksan mo ang mga PDF sa Chrome na nagmumula sa mga na-scan na pisikal na dokumentoAwtomatikong inilalapat ng browser ang isang proseso ng optical character recognition (OCR)Dahil dito, ang mga PDF na ito ay nagiging mahahanap at mapipili: maaari mong i-highlight ang teksto, kopyahin ito, i-paste ito, o hanapin ang mga partikular na salita sa loob ng dokumento.

Mahalagang tandaan na Ang buong proseso ng conversion ay ginagawa nang lokal sa iyong device.nang hindi ipinapadala ang nilalamang PDF sa mga server ng Google o mga ikatlong partido, na nakakatulong na mapanatili ang privacy ng impormasyon, lalo na kung ito ay sensitibong dokumentasyon.

Kapag na-download mo na ang na-edit na PDF, maaari mo nang buksan ito anumang oras at ipagpatuloy ang pagbabago nitomula sa Chrome muli o mula sa ibang tugmang programa, tulad ng isang advanced na PDF reader.

I-configure ang folder ng pag-download at ang gawi nito sa Chrome

Bilang default, sine-save ng Chrome ang lahat ng dina-download mo sa isang default na folder, ngunit maaari mo itong... baguhin ang rutang iyon upang iakma ito sa iyong paraan ng pagtatrabaho o kaya naman ay itanong sa iyo ng browser sa bawat oras na gusto mong i-save ang isang file.

Sa isang computer, pumunta sa "Mga Setting" Mula sa menu ng Chrome (kanang itaas) at, sa loob ng mga opsyon, pumunta sa seksyon "Mga Pag-download"Doon mo makikita ang kasalukuyang folder kung saan nakaimbak ang iyong mga file.

Kung gusto mo itong baguhin, i-click ang "Palitan" at pumili ng ibang lokasyon ng system, halimbawa, isang partikular na folder para sa mga proyekto, isang path sa ibang disk, o kahit isang folder na naka-synchronize sa cloud para maging available ang mga download sa maraming device.

Kung mas gusto mong magkaroon ng kontrol sa bawat pag-download, maaari mong i-activate ang opsyon "Tanungin kung saan mai-save ang bawat file bago i-download ito"Sa ganitong paraan, sa tuwing magda-download ka ng isang bagay, magpapakita sa iyo ang Chrome ng isang dialog box para pumili ng folder at pangalan.

Ang configuration na ito ay makakatulong sa iyo na maiwasan ang magulong gulo ng mga file sa iisang folder at ginagawang mas madali ito mapanatili ang isang mas lohikal na sistema ng kaayusan ayon sa mga proyekto, kliyente, o mga uri ng dokumento.

Mga default na lokasyon ng pag-download batay sa operating system

Kung hindi mo pa nagagalaw ang mga setting ng pag-download, ginagamit ng Chrome ang iba't ibang default na folder depende sa operating system na ginagamit mo sa iyong computer.

Sa Windows 10 at mga mas bagong bersyon, ang mga file ay karaniwang naka-save sa \Usuarios\<nombredeusuario>\Descargas, na karaniwang lumalabas din bilang "Mga Download" sa file explorer.

Sa macOS, ang karaniwang landas ay /Users/<username>/Downloadsmaa-access mula sa Finder sa folder ng user. At sa mga sistema ng Linux, karaniwang dina-download ng Chrome ang lahat sa /home/<username>/Downloads, makikita mula sa file manager ng iyong desktop environment.

Ang pag-alam sa mga rutang ito ay magbibigay-daan sa iyo hanapin ang mga lumang download kahit na hindi mo matandaan kung saan mo sila inilagay, lalo na kung hindi mo pa nabago ang default na folder sa mga setting ng iyong browser.

Mga pahintulot sa pag-download at pamamahala ng maraming file

Mayroon ding mga kontrol sa seguridad ang Chrome na may kaugnayan sa maramihan at awtomatikong pag-downloadpara hindi makapag-download ang mga website ng mga file mula sa iyo nang walang pahintulot mo.

Kung gusto mong isaayos ang mga pahintulot na ito, buksan ang Chrome sa iyong computer, pumunta sa "Mga Setting" at hanapin ang seksyon "Privacy at Seguridad"Mula roon, ang pag-access "Mga setting ng site" at, sa loob, sa "Mga karagdagang pahintulot > Mga awtomatikong pag-download".

Sa bahaging ito, maaari mong tukuyin kung pinapayagan mo ba o hindi ang mga site na mag-download ng maraming magkakaugnay na file nang magkakasunodMaaari itong maging kapaki-pakinabang sa mga mapagkakatiwalaang website ngunit mapanganib sa mga kahina-hinalang website. Ang pagsasaayos ng gawi na ito ay magbibigay sa iyo ng karagdagang kontrol at seguridad.

Para pamahalaan ang mga kasalukuyang dina-download, tingnan ang kanang itaas ng browser, kung saan ipinapakita ang ang panel na may listahan ng mga kamakailang na-download na fileKapag ini-hover mo ang iyong mouse sa ibabaw ng pangalan ng file, magagawa mo ihinto, ipagpatuloy, o kanselahin ang pag-download dahil ito ay nababagay sa iyo.

Kung gusto mong suriin ang mga na-download mo nitong mga nakaraang araw o buwan, buksan ang menu ng Chrome at i-click ang "Mga Pag-download"Mula sa pahinang iyon, maaari mo Buksan ang bawat file sa isang click lang O, kung nais mong burahin ang iyong kasaysayan, gamitin ang opsyong "Ipinagpaliban" sa tabi ng bawat isa. Tandaan na aalisin nito ito sa listahan, ngunit Hindi nito binubura ang pisikal na file mula sa iyong computer..

Advanced na kontrol sa PDF: mga pahintulot at awtomatikong pagbubukas

Bukod sa pagpapasya kung saan nakaimbak ang mga file, maaari mo ring ayusin kung paano gumagana ang Chrome sa ilang uri ng nilalaman, tulad ng mga PDFmaaaring i-download ang mga ito nang permanente o tingnan ang mga ito sa integrated viewer.

Sa mga setting at download ng site, makakahanap ka ng mga opsyon para sa tukuyin ang default na pag-uugali ng mga PDF fileHalimbawa, maaari mong piliing palaging buksan ang mga ito gamit ang Chrome viewer o awtomatikong i-download ang mga ito.

Kung tinukoy mo na dapat laging buksan ang isang uri ng file gamit ang isang partikular na application at ngayon ay gusto mo itong i-undo, maaari mo itong huwag paganahin ang awtomatikong pagbubukasPara gawin ito, mag-download ng isa pang file ng ganoong uri, pumunta sa listahan ng mga kamakailang download, mag-right click at alisan ng tsek ang opsyon "Palaging buksan ang mga file na ganito ang uri" kung ito ay lumilitaw na may marka.

Pinipigilan ng maliit na pagsasaayos na ito ang mga programa ng ikatlong partido na magbukas sa tuwing nagda-download ka ng isang bagay, na maaaring nakakainis lalo na sa mga PDF o larawan na gusto mo lang i-save at repasuhin mamaya kung kailan mo gusto.

Sa pamamagitan ng pagsasama-sama ng mga opsyon sa pahintulot na ito sa mga opsyon para sa folder at pag-download, makakamit mo ang mga sumusunod: Eksaktong umaangkop ang Chrome sa paraan ng pamamahala mo ng mga dokumentosa halip na kailangang itama ang kanilang pag-uugali sa bawat pagkakataon.

Paano i-save ang mga pagbabago sa mga lokal na file mula sa Chrome DevTools

Kung gumagawa ka ng mga website o mahilig mag-ayos ng code, ang Chrome DevTools ay may kasamang napakalakas na feature na tinatawag na Mga workspace o workspacena nagbibigay-daan sa iyong i-save ang mga pagbabagong ginawa mo sa CSS, HTML, at JavaScript nang direkta sa iyong computer.

Ang ideya ay ikonekta ang isang folder sa iyong computer sa DevTools nang sa gayon kapag nag-edit ka ng isang file mula sa panel Pinagmumulan ng, ang mga pagbabagong iyon i-save sa aktwal na disk filehindi lamang sa bersyong nilo-load sa browser.

Halimbawa, isipin na mayroon kang code ng iyong website sa isang lokal na folder, nagpapatakbo ka ng web server sa localhost at ina-access mo ang iyong site mula sa Chrome. Kung ikokonekta mo ang folder na iyon bilang isang workspace, bawat pagbabago sa CSS o JS na gagawin mo sa DevTools ay makikita sa live na proyekto.

Gayunpaman, mahalagang malaman na Hindi sine-save ng DevTools ang mga pagbabagong ginawa sa DOM mula sa panel na "Mga Elemento".dahil ang puno na iyon ay maaaring manipulahin nang husto ng JavaScript at CSS at hindi laging posible na bumalik nang eksakto sa orihinal na source file.

Para mapadali ang ganitong uri ng pagmamapa sa pagitan ng na-optimize na code at source code, ginagamit ng DevTools ang mga mapa ng pinagmulan, karaniwan sa mga modernong framework na nagbabago ng code bago ito ipadala sa browser.

Awtomatikong ikonekta ang isang folder sa Workspace gamit ang isang JSON file

Isang paraan para awtomatikong matuklasan ng DevTools ang iyong workspace folder ay ang pagbuo ng isang espesyal na JSON file na may metadata at i-serve ito mula sa iyong lokal na server kasama ang iba pang bahagi ng site.

Una, kailangan mong bumuo ng isang random na UUID bersyon 4na magsisilbing natatanging identifier para sa iyong Workspace. Pagkatapos, gagawa ka ng JSON file na may istrukturang katulad ng:

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

Sa JSON na iyon, ang field "uuid" ay maglalaman ng nabuong identifier at ang halaga ng "Root" Ito ang magiging landas patungo sa root folder ng proyekto sa iyong file system, kung saan matatagpuan ang iyong code.

Susunod, ilagay ang file na iyon sa landas path/to/project/root/folder/.well-known/appspecific/com.chrome.devtools.json sa loob ng iyong proyekto at siguraduhin na ang iyong tama ang pagseserbisyo nito ng lokal na HTTP server.

Kapag na-access mo ang site mula sa Chrome, magagawa ng DevTools na awtomatikong matuklasan ang folder na iyon at iminumungkahi na ikonekta ito bilang isang workspace, para hindi mo na ito kailangang i-configure nang manu-mano sa bawat pagkakataon.

Kumonekta at gumamit ng folder ng Workspace mula sa DevTools

Kung ayaw mong gamitin ang JSON file o mas gusto mong gawin ito nang manu-mano, maaari mo ring direktang ikonekta ang isang folder mula sa DevTools sa ilang hakbang.

Mula sa pahinang lokal mong sinusubukan (halimbawa, localhost:8000), bubukas Mga Chrome DevTools at pumunta sa panel “Mga Pinagmulan” > “Lugar ng Trabaho” o “Lugar ng Trabaho”Doon mo makikita ang opsyon na "Kumonekta" sa tabi ng iyong folder kung awtomatiko itong natukoy, o "Manual na magdagdag ng folder".

Kapag pinindot mo ang “Connect” o kapag mano-manong idinaragdag ang folder, hihingi ng pahintulot ang DevTools na i-edit ang mga file sa lokasyong iyonTanggapin ang kahilingan (i-click ang button na “I-edit ang mga file”) upang mai-save ng tool ang mga pagbabago sa iyong system.

Kapag nakakonekta na ang folder, maaari mo na itong buksan mula sa tab na "Mga Lugar ng Trabaho" at makikita mo mga berdeng tuldok sa tabi ng mga HTML, CSS, at JavaScript file na nagawa ng DevTools na i-map ito sa mga network resources na naka-load sa page.

Mula noon, anumang mga pagbabagong gagawin at ise-save mo (halimbawa, gamit ang Ctrl/Cmd + S) Alam ko Direkta itong magsusulat sa ibabaw ng iyong mga source file., kaya isinasama ang browser sa iyong normal na daloy ng trabaho sa pag-develop.

I-save ang mga pagbabago sa CSS, HTML, at JavaScript mula sa DevTools

Kapag nakakonekta na ang folder, maaari mo nang i-edit ang iyong mga estilo, HTML, o JavaScript mula sa DevTools at I-save ang mga pagbabago tulad ng gagawin mo sa isang code editor.ngunit nakikita ang resulta nang real time sa browser.

Sa kaso ng CSS, buksan ang kaukulang file mula sa Mga Pinagmumulan > Mga Lugar ng TrabahoBaguhin ang mga patakarang interesado ka at, kapag nagustuhan mo ang resulta, i-save gamit ang karaniwang kombinasyon ng mga keyAng pagbabago ay ilalapat sa pisikal na file nang hindi na kailangang i-reload ang pahina.

Para sa HTML, ang proseso ay magkatulad: bubuksan mo ang file mula sa Workspace, isasaayos ang markup, at pagkatapos i-save gamit ang Ctrl/Cmd + SSa kasong ito, kakailanganin mong I-reload ang pahina upang muling buuin ng browser ang DOM gamit ang bagong bersyon.

Sa JavaScript, ine-edit mo ang file mula sa Workspace, sine-save ang mga pagbabago, at, depende sa kung paano naka-configure ang iyong lokal na server, maaari mong Awtomatikong magre-reload ang pahina o kailangan mong pilitin ang pag-reload o muling i-deploy ang iyong sarili para makita ang bagong gawi.

Nag-aalok din ang DevTools ng panel sa gilid at ang kakayahang muling isaayos ang mga tab Para habang binabago mo ang JS, magamit mo ang mga tool ng Elements o Console, na mas mapadali ang pag-debug at mabilis na pagsubok.

Mga limitasyon sa workspace at mga pagkakaiba sa pagitan ng HTML at DOM

Bagama't napakalakas ng mga Workspace, mahalagang maging malinaw tungkol sa ilang mga bagay. mga limitasyon at partikularidad kung paano pinangangasiwaan ng Chrome ang nilalaman ng mga pahina.

Ang unang bagay na dapat maunawaan ay ang puno na nakikita mo sa panel "Mga item" ay kumakatawan sa nagresultang DOMIyon ay, ang huling estado ng pahina pagkatapos ilapat ang HTML, JavaScript, at CSS. Ang DOM na ito ay maaaring ibang-iba sa orihinal na HTML na na-download mula sa internet.

Tumatanggap ang browser ng HTML file, sinusuri ito, at lumilikha ng Puno ng node ng DOMMula roon, kung may mga script, maaari silang magdagdag, mag-alis, o magpalit ng mga node. Kahit ang CSS, sa pamamagitan ng property contentMaaari nitong baguhin ang kinakatawan. Samakatuwid, Ang panghuling DOM ay hindi kinakailangang tumutugma sa pinagmulang HTML linya por linya..

Dahil sa pagkakaibang ito, hindi matiyak ng DevTools. kung saan ise-save ang isang pagbabagong ginawa mo nang direkta sa panel tree na "Mga Elemento"dahil ang pagbabagong ito ay maaaring magmula sa HTML, isang script, o mga dynamic na istilo.

Sa buod, kapag kailangan mong i-save ang isang pagbabago sa iyong mga file, ang inirerekomendang hakbang ay i-edit mula sa panel na "Mga Pinagmulan" sa mga source fileat hindi tungkol sa DOM, na dapat mas maunawaan bilang isang live na representasyon ng pahina kaysa bilang codebase.

Mag-alis ng folder mula sa workspace at pamahalaan ang mga proyekto

Kung sa anumang punto ay itinigil mo ang paggamit ng isang proyekto o ayaw mo nang naka-link ang isang folder sa DevTools, maaari mong Ang pagdiskonekta ng koneksyon ay napakasimple. mula mismo sa panel ng Workspace.

En Mga Pinagmumulan > Lugar ng TrabahoMag-right-click sa nakakonektang folder at piliin ang "Alisin mula sa workspace"Sa pamamagitan ng pagkumpirma sa pop-up window, ititigil ng DevTools ang pagmamapa ng mga file na iyon at walang pagbabago sa mga ito ang mase-save.

Dapat mo ring malaman na kung Binabago o binubura mo ang UUID sa metadata JSON file Gaya ng nabanggit namin dati, awtomatikong madidiskonekta ang folder, dahil mawawala ang reference na ginagamit ng Chrome para matukoy ito.

Para makita agad ang lahat ng folder na na-configure mo na bilang iyong workspace, maaari kang pumunta sa "Mga Setting > Lugar ng Trabaho" sa loob ng DevTools, kung saan ito lilitaw isang listahan ng lahat ng aktibong ruta at magagawa mo silang pamahalaan nang sentralisado.

Kung interesado kang mag-eksperimento nang hindi ginagamit ang aktwal na source code, nag-aalok ang Chrome ng isa pang opsyon na tinatawag na "Mga lokal na pagkansela"na nagpapahintulot sa paggaya ng mga pagbabago sa nilalaman ng web o mga header ng kahilingan na pinapanatili sa pagitan ng mga pag-reload, ngunit nang hindi isinusulat sa iyong mga file ng proyektoIto ay isang napaka-kapaki-pakinabang na tool kapag gusto mong subukan ang mga bagay-bagay nang hindi nakompromiso ang repositoryo o habang naghihintay ng mga update sa backend.

Ang pagiging dalubhasa sa mga feature na ito ng Chrome na may kaugnayan sa caching, mga download, mga PDF, at mga Workspace ay nagbibigay-daan sa iyo na mas marami kang makukuha sa browser, panatilihing kontrolado ang espasyong nasasakupan nito, mas mabilis na magtrabaho gamit ang mga dokumento at bumuo o mag-debug ng mga website nang may mas maayos at mas propesyonal na daloy ng trabaho.