Inspect Network Activity - Chrome DevTools 101
Talaan ng mga Nilalaman:
Ang Google Chrome ay dinisenyo para sa hindi lamang para sa regular na mga gumagamit ng internet kundi pati na rin para sa mga web developer, na madalas gumawa ng isang website, mga blog ng disenyo, atbp. Inspect Element o Suriin ang opsyon ng Google Chrome ay tumutulong sa mga user na makahanap ng ilang impormasyon tungkol sa isang website na nakatago mula sa pagtingin.
Siyasatin ang Elemento ng Google Chrome
1] Hanapin ang mga nakatagong file ng JavaScript / Media
Maraming mga website ang nagpapakita ng mga popup kung ang bisita ay mananatili sa web pahina nang mahigit sa 15 o 20 segundo. O kaya, maraming beses na bubukas ang isang imahe, ad o icon, pagkatapos mag-click nang random. Upang mahanap ang mga nakatagong file ng isang web page, maaari mong gamitin ang Pinagmumulan na tab ng Inspect Element. Ipinapakita ang isang listahan ng puno-view sa kaliwang bahagi na maaaring tuklasin.
2] Kumuha ng HEX / RGB code ng kulay sa Chrome
Minsan maaaring gustuhin namin ang isang kulay at maaaring gusto mong malaman ang kulay ng code nito. Madali mong makita ang HEX o RGB color code na ginamit sa isang partikular na web page, gamit ang katutubong pagpipilian sa Google Chrome. Mag-right click sa kulay, at mag-click sa Inspect . Sa karamihan ng mga oras, makakakuha ka ng code ng kulay sa kanang bahagi sa iba pang CSS.
TIP : Tingnan din ang mga tool na ito sa online na Picker.
3] Kumuha ng mga tip sa pagpapabuti sa pagganap ng web page
Ang bawat tao`y nagnanais na mapunta sa isang website na nagbukas ng mabilis. Kung ikaw ay nagdidisenyo ng iyong website, dapat mong palaging panatilihin ito sa isip. Maraming mga tool upang suriin at i-optimize ang bilis ng paglo-load ng pahina. Gayunpaman, ang Google Chrome ay mayroon ding isang inbuilt tool na nagbibigay-daan sa mga gumagamit upang makakuha ng mga tip upang mapabuti ang bilis ng pag-load ng website. Upang ma-access ang mga tool na ito, pumunta sa Audits na tab, at tiyaking Paggamit ng Network , Pagganap ng Web Page , at Reload Page at Audit sa Load ay pinili. Pagkatapos ay mag-click sa pindutan ng Run . I-reload nito ang pahina, at ipapakita sa iyo ang ilang impormasyon na maaaring magamit upang gawing mas mabilis ang pahina. Halimbawa, maaari mong makuha ang lahat ng mga mapagkukunan na wala sa anumang pag-expire ng cache, ang JavaScript na maaaring pinagsama sa isang file, at iba pa.
4] Suriin ang kakayahang tumugon
Ang pagsasagawa ng web page na tumutugon ay mahalaga, sa ngayon. Mayroong maraming mga tool na maaaring suriin kung ang iyong site ay ganap na tumutugon o hindi. Gayunpaman, ang tool na ito ng Google Chrome ay tumutulong sa mga gumagamit na malaman kung ang site ay tumutugon o hindi pati na rin suriin kung paano ito magiging hitsura sa isang partikular na mobile device.Buksan ang anumang website, kumuha ng Inspect Element na tab, mag-click sa mobile na button, itakda ang resolusyon o piliin ang ninanais na device upang subukan ang web page.
5] I-edit ang live na website
Ipagpalagay natin na lumilikha ka ng isang web page, ngunit nalilito ka tungkol sa kulay scheme o laki ng navigation menu o nilalaman o sidebar ratio. Maaari mong i-edit ang iyong live na website gamit ang pagpipiliang Sangkap ng Inspect ng Google Chrome. Bagaman hindi mo mai-save ang mga pagbabago sa isang live na website, maaari mong isagawa ang lahat ng pag-edit upang maaari mo itong gamitin nang higit pa. Upang gawin ito, buksan ang Inspect Element, piliin ang HTML property mula sa kaliwang bahagi at gumawa ng mga pagbabago sa estilo sa kanang bahagi. Kung gumawa ka ng anumang pagbabago sa CSS, maaari kang mag-click sa link ng file, kopyahin ang buong code at idikit iyon sa orihinal na file.
Suriin ang Elemento ng Google Chrome ay isang tunay na kasama ng bawat web developer. Hindi mahalaga kung ikaw ay bumubuo ng isang pahina na website o isang dynamic na website, maaari mong tiyak na gamitin ang mga tip na ito.
. Tulad ng pagtaas ng platform ng application sa Web sa kahalagahan at katanyagan, ang Google, Microsoft, MySpace at Facebook executive ay nagbahagi ng mga tip para sa pagpapanatiling masaya sa mga nag-develop, hindi sumasang-ayon sa mga isyu sa pilosopiko tulad ng mga pamantayan at mga artikuladong listahan ng mga gusto ng mga application na nais nilang makita na nilikha.
Ang mga executive, na sumali sa panel na "The Platform Advantage" sa Web 2.0 Summit sa San Francisco sa Biyernes, sa pangkalahatan ay sumang-ayon na ang mga nagbibigay ng platform ay dapat magkaroon ng kongkretong mga patakaran at mga patakaran para sa mga developer na susundan. nag-aalok ng mga malinaw na paraan upang makabuo ng kita at upang hindi ituring ang mga ito bilang mga karibal kapag lumikha sila ng mga application na nakikipagkumpitensya sa mga mula sa mga nagbibigay ng platform, sina
Hardware hooks sa bagong chips ng Intel ay tutulong sa Windows 7 naghahatid ng mga natamo sa pagganap kapag tumatakbo ang mga application tulad ng DVD playback kumpara sa Windows Vista, sinabi ng mga kumpanya sa isang pinagsamang press briefing noong Martes. Ang pinabuting pagganap ay sinamahan ng mas mahusay na paggamit ng kuryente, habang ang OS ay gumagawa ng mas mahusay na paggamit ng mga tampok sa pamamahala ng kapangyarihan na kasama sa mga pinakabagong chips ng Intel.
Dinisenyo ng Microsoft ang OS upang i-scale ang pagganap ng application sa pamamagitan ng pag-hati-hati ng mga gawain tulad ng video encoding para sa sabay na pagpapatupad sa maraming mga core at mga thread, sinabi ng mga kumpanya. Halimbawa, ang isang engineer ng Microsoft ay maaaring mag-render ng isang mas mataas na resolution ng imahe na 10 porsiyento mas mabilis sa isang sistema ng Windows 7 na may isang quad-core processor na nagpapatakbo ng dalawang thread bawat core, kumpara sa isang sis
Ang mabilis na paghahanap ng tool ay magagamit na ngayon sa higit pang mga browser at para sa higit pang mga email account at mga social network. mabilis na paghahanap ng Gmail sa nakalipas, ngunit lamang sa mga browser ng Firefox at Chrome. Ngayon ang libreng tool ay mas kahanga-hanga kaysa kailanman, nag-aalok ng mga paghahanap ng lahat mula sa Facebook at Dropbox sa Box at AOL, at sa higit pang mga browser kaysa bago.
Ang pinakamahusay na balita ay ginagawa nito ang lahat ng ito nang hindi nakakaapekto sa pagganap nito. Ang CloudMagic ay naghahatid pa rin ng pinakamabilis at pinaka-may-katuturang mga resulta ng paghahanap na nakita ko pa.