Google Chrome looma^{(Google Chrome)} qaabayn oo kaliya dadka isticmaala intarneedka caadiga ah balse sidoo kale waxa loogu talagalay horumariyayaasha webka, kuwaas oo inta badan sameeya website , nashqada ^{(Inspect )}blogs^{(Inspect Element )} iwm . Waa kuwan qaar ka mid ah talooyinka ku saabsan adeegsiga Qaybta Kormeerka^{(Inspect Element)} ee browserka Google Chrome ee ^{(Google Chrome)}Windows PC .

Kormeer Xubinta Google Chrome

1] Find hidden JavaScript/Media files

Shabakado badan ayaa tusa soo-baxyo haddii booqde uu ku sugnaado bogga in ka badan 15 ama 20 ilbiriqsi. Ama, marar badan sawir, xayeysiis ama summada, ayaa furma ka dib marka aad meel gujiso si aan kala sooc lahayn. Si aad u hesho faylashan qarsoon bogga shabakadda, waxaad isticmaali kartaa isha isha ee Kormeerida ^(Sources)Cunsurka^{(Inspect Element)} . Waxay ku tusinaysaa liiska-aragtida geedka ee dhinaca bidix ee la baari karo.

2] Get HEX/RGB color code in Chrome

Mararka qaarkood waxaa laga yaabaa inaan jeclaano midabka waxaana laga yaabaa inaan rabno inaan ogaano koodka midabkiisa. Waxaad si sahlan u heli kartaa HEX ama RGB code code loo isticmaalo bog shabakad gaar ah, adoo isticmaalaya ikhtiyaarka hooyo ee Google Chrome . Midig ku dhufo^{(Right-click)} midabka, oo guji Kormeer^(Inspect) . Inta badan, waxaad ka heli doontaa lambarka midabka dhinaca midig ee CSS kale . Haddii aadan arkin, si fiican, waxaa laga yaabaa inaad isticmaasho qaar ka mid ah software-ka midab-dooriyaha oo bilaash ah.

TALO^(TIP) : Sidoo kale u fiirso kuwan Color Picker aaladaha khadka tooska ah^{(Color Picker online tools)} .

3] Hel talooyin hagaajinta waxqabadka bogga shabakadda^{(3] Get web page performance improvement tips)}

Qof kastaa wuxuu jecel yahay inuu ku soo dego shabakad si degdeg ah u furan. Haddii aad naqshadaynayso boggaaga, waa inaad mar walba maskaxda ku haysaa. Waxaa jira qalabyo badan oo lagu hubiyo oo lagu hagaajiyo xawaaraha bogga. Si kastaba ha ahaatee, Google Chrome waxa kale oo uu la socdaa qalab la dhisay oo u ogolaanaya dadka isticmaala si ay u helaan talooyin lagu hagaajiyo xawaaraha loading website. Si aad u heshid qalabyadan, u gudub tab Audits , oo hubi Isticmaalka Shabakadda^{(Network Utilization)} , Shabakadda Shabakadda Waxqabadka^{(Web Page Performance)} , iyo Bogga Dib-u-dejinta iyo Hanti-dhawrka Load^{(Reload Page and Audit on Load)} ayaa la doortay. Kadib riix batoonka Run . Waxay dib u soo dejin doontaa bogga, waxayna ku tusin doontaa xoogaa macluumaad ah oo loo isticmaali karo si bogga loo dedejiyo. Tusaale ahaan, waxaad heli kartaa dhammaan agabyada aan haysan wax kayd ah oo dhacay, JavaScriptkaas oo lagu dari karo hal fayl, iyo wixii la mid ah.

4] Hubi jawaab-celinta^{(4] Check responsiveness)}

Ka dhigista bogga mareegaha mid ka jawaaba waa muhiim, maalmahan. Waxaa jira qalab badan oo hubin kara in goobtaadu tahay mid si buuxda u jawaabeysa iyo in kale. Si kastaba ha noqotee, qalabkan Google Chrome wuxuu ka caawiyaa dadka isticmaala inay ogaadaan in goobta ay ka jawaabeyso iyo in kale iyo sidoo kale hubinta sida ay u eegi karto qalab gaar ah. Fur mareeg kasta, hel tab Kormeer Cunsurka^{(Inspect Element )} , dhagsii badhanka mobilka^{(mobile )} , deji xallinta, ama dooro aaladda aad rabto si aad u tijaabiso bogga shabakadda.

5] Wax ka beddel mareegta tooska ah^{(5] Edit live website)}

Aan ka soo qaadno inaad abuurayso bog shabakad, laakiin waxaad ku wareersan tahay nidaamka midabka ama cabbirka liiska navigation ama nuxurka ama saamiga dhinaca. Waxaad wax ka beddeli kartaa degelkaaga tooska ah adigoo isticmaalaya xulashada Element ee ^{(Inspect Element)}Google Chrome . Inkasta oo aanad ku kaydsan karin isbeddelada shabakad toos ah, waxaad samayn kartaa dhammaan tafatirka si aad u sii isticmaasho. Si taas loo sameeyo, fur Cunsurka Kormeerka^{(Inspect Element)} , ka dooro hantida HTML ee dhinaca bidix oo samee isbeddel qaabeynta dhinaca midigta. Haddii aad wax isbeddel ah ku sameyso CSS , waxaad riixi kartaa isku xirka faylka, koobi kara dhammaan koodka oo ku dheji faylka asalka ah.

Kormeer Cunsurka ^{(Inspect Element)}Google Chrome waa saaxiibka dhabta ah ee horumariye kasta oo shabakad ah . Dhib malahan haddii aad horumarinayso degel hal bog ah ama degel internet firfircoon, hubaal waxaad isticmaali kartaa talooyinkan.

Tips on using the Inspect Element of Google Chrome browser

Google Chrome is designed not јust fоr regular internet users but also for web develоpers, who often create a wеbsite, design blogѕ, etс. Thе Inspect Element or Inspect option of Google Chrome assists users to find some information about a website that is hidden from view. Here are some tips on using the Inspect Element of Google Chrome browser for Windows PC.

Inspect Element of Google Chrome

1] Find hidden JavaScript/Media files

Many websites show popups if the visitor stays on the web page for more than 15 or 20 seconds. Or, many times an image, ad or icon, opens after clicking somewhere randomly. To find these hidden files on a web page, you can make use of the Sources tab of Inspect Element. It shows a tree-view list on the left-hand side that can be explored.

2] Get HEX/RGB color code in Chrome

Sometimes we may like a color and may want to find out its color code. You can easily find the HEX or RGB color code used on a particular web page, using the native option in Google Chrome. Right-click on the color, and click on Inspect. Most of the time, you will get the color code on the right-hand side with other CSS. If you do not see it, well, you may have to use some free color picker software.

TIP: Take a look at these Color Picker online tools too.

3] Get web page performance improvement tips

Everyone loves to land on a website that opens fast. If you are designing your website, you should always keep that in mind. There are many tools to check and optimize page loading speed. However, Google Chrome also comes with an inbuilt tool that allows users to get tips to improve the website loading speed. To access these tools, go to Audits tab, and make sure Network Utilization, Web Page Performance, and Reload Page and Audit on Load are selected. Then click on Run button. It will reload the page, and show you some information that can be used to make the page faster. For instance, you can get all the resources those are not having any cache expiration, JavaScript that can be combined into one file, and so on.

4] Check responsiveness

Making a web page responsive is crucial, nowadays. There are loads of tools that can check whether your site is completely responsive or not. However, this tool of Google Chrome helps users to know whether the site is responsive or not as well as check how it would look on a particular mobile device. Open any website, get Inspect Element tab, click on the mobile button, set the resolution, or select the desired device to test the web page.

5] Edit live website

Let’s assume that you are creating a web page, but you are confused about the color scheme or navigation menu size or content or sidebar ratio. You can edit your live website using the Inspect Element option of Google Chrome. Although you cannot save the changes on a live website, you can get carry out all the editing so that you can use it further. To do so, open Inspect Element, select the HTML property from the left-hand side and make styling changes on the right-hand side. If you make any change in CSS, you can click on the file link, copy the entire code and paste that into the original file.

Inspect Element of Google Chrome is a real companion of every web developer. It doesn’t matter whether you are developing a one-page website or a dynamic website, you can certainly use these tips.

Related posts

• Google Chrome ka jawaabi maayo, hadda dib ma loo bilaabay?

• Sida loo hagaajiyo Khaladaadka Soo Dejinta Faylka ee browserka Google Chrome

• Sida loo beddelo Default Print Settings gudaha Google Chrome

• Sida loo burburiyo Profile-ka Browser-ka ee ku xidhan Google Chrome

• Anna Assistant waa kaaliyaha codka ugu fiican Google Chrome

• Sida looga ilaaliyo isticmaalayaasha inay ku rakibaan Extensions Google Chrome

• Ku hagaaji ERR_QUIC_PROTOCOL_ERROR gudaha Google Chrome

• Kordhinta Skype ee Google Chrome waxay kuu ogolaanaysaa inaad gasho Skype for Shabkada & wax ka badan!

• Sida loo damiyo ama loo sahlo qaabka mugdiga ah ee Google Chrome gudaha Windows 10

• Kordhinta Google Chrome oo aan shaqaynayn Windows 11/10

• Sida loo abuuro oo loo tirtiro Profiles Google Chrome browserka

• Sida loo suurtageliyo ama loo joojiyo summada Raadinta Tab ee Google Chrome

• Sida loo suurtageliyo oo loo isticmaalo Liiska Akhriska ee Google Chrome

• Sida loo awoodo oo loo isticmaalo astaanta Taliyaha Google Chrome

• Sida loo beddelo cabbirka farta caadiga ah ee browserka Google Chrome

• Saacaddaadu way soo horraysaa ama saacadaadu way ka dambaysaa cilada Google Chrome

• Si gooni ah u hagaaji mugga gudaha Google Chrome tab adiga oo isticmaalaya mugga Master-ka

• Hagaaji ERR_SPDY_PROTOCOL_ERROR cilada Google Chrome

• Sida looga saaro badhanka xakamaynta warbaahinta caalamiga ah ee Google Chrome ka

• Kordhinta ugu wanaagsan YouTube ee Google Chrome si loo horumariyo khibrada