Гоогле Цхроме^{(Google Chrome)} није дизајниран само за обичне кориснике интернета, већ и за веб програмере, који често креирају веб локацију, дизајнирају блогове итд. Опција Инспецт Елемент^{(Inspect Element )} или Инспецт^{(Inspect )} у Гоогле Цхроме-^{(Google Chrome)} у помаже корисницима да пронађу неке информације о веб локацији која је скривена од погледа . Ево неколико савета о коришћењу Инспецт Елемент^{(Inspect Element)} прегледача Гоогле Цхроме^{(Google Chrome)} за Виндовс рачунар^{(Windows PC)} .

Прегледајте елемент Гоогле Цхроме-а

1] Find hidden JavaScript/Media files

Многе веб странице приказују искачуће прозоре ако посетилац остане на веб страници дуже од 15 или 20 секунди. Или, много пута се слика, оглас или икона отварају након што се негде насумично кликне. Да бисте пронашли ове скривене датотеке на веб страници, можете користити картицу Извори^(Sources) у Инспецт Елемент^{(Inspect Element)} . Приказује листу стабла са леве стране која се може истражити.

2] Get HEX/RGB color code in Chrome

Понекад нам се боја може допасти и можда желимо да сазнамо њен код боје. Лако можете пронаћи ХЕКС^(HEX) или РГБ^(RGB) код боја који се користи на одређеној веб страници, користећи изворну опцију у Гоогле Цхроме-^{(Google Chrome)} у . Кликните десним тастером миша^{(Right-click)} на боју и кликните на Инспецт^(Inspect) . Већину времена ћете добити код боје на десној страни са другим ЦСС^(CSS) -ом . Ако га не видите, можда ћете морати да користите неки бесплатни софтвер за бирање боја.

САВЕТ^(TIP) : Погледајте и ове онлине алатке за бирање боја^{(Color Picker online tools)} .

3] Добијте савете за побољшање перформанси веб странице^{(3] Get web page performance improvement tips)}

Сви воле да слете на веб локацију која се брзо отвара. Ако дизајнирате своју веб страницу, то увек треба да имате на уму. Постоји много алата за проверу и оптимизацију брзине учитавања страница. Међутим, Гоогле Цхроме^{(Google Chrome)} такође долази са уграђеном алатком која омогућава корисницима да добију савете за побољшање брзине учитавања веб локације. Да бисте приступили овим алаткама, идите на картицу Ревизије^(Audits) и уверите се да су изабрани Коришћење мреже^{(Network Utilization)} , Перформансе веб странице^{(Web Page Performance)} и Поново учитај страницу и Ревизија при учитавању . ^{(Reload Page and Audit on Load)}Затим кликните на дугме Покрени^{(Run )} . Поново ће учитати страницу и показати вам неке информације које се могу користити да страница буде бржа. На пример, можете добити све ресурсе за које нема истека кеша, ЈаваСцрипт^(JavaScript)који се могу комбиновати у једну датотеку и тако даље.

4] Проверите одзивност^{(4] Check responsiveness)}

У данашње време је пресудно учинити веб страницу прилагодљивом. Постоји мноштво алата који могу да провере да ли ваша веб локација у потпуности реагује или не. Међутим, овај алат Гоогле Цхроме-^{(Google Chrome)} а помаже корисницима да сазнају да ли сајт реагује или не , као и да провере како би изгледао на одређеном мобилном уређају. Отворите било коју веб локацију, преузмите картицу Инспецт Елемент^{(Inspect Element )} , кликните на дугме за мобилни уређај^{(mobile )} , подесите резолуцију или изаберите жељени уређај за тестирање веб странице.

5] Уредите веб локацију уживо^{(5] Edit live website)}

Претпоставимо да правите веб страницу, али сте збуњени око шеме боја или величине менија за навигацију или садржаја или односа бочне траке. Можете да уредите своју веб локацију уживо користећи опцију Инспецт Елемент у ^{(Inspect Element)}Гоогле Цхроме-^{(Google Chrome)} у . Иако не можете да сачувате промене на веб локацији уживо, можете извршити све измене како бисте их даље користили. Да бисте то урадили, отворите Инспецт Елемент^{(Inspect Element)} , изаберите ХТМЛ^(HTML) својство са леве стране и унесите промене стила на десној страни. Ако направите било какву промену у ЦСС^(CSS) -у , можете кликнути на везу датотеке, копирати цео код и налепити га у оригиналну датотеку.

Инспецт Елемент ^{(Inspect Element)}Гоогле Цхроме-^{(Google Chrome)} а је прави пратилац сваког веб програмера. Није битно да ли развијате веб локацију са једном страницом или динамичку веб локацију, свакако можете користити ове савете.

Tips on using the Inspect Element of Google Chrome browser

Google Chrome is designed not just for regular intеrnеt users but also for web developеrs, whо often create a website, design blogs, etc. The 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

• Гоогле Цхроме не реагује. Желите ли га поново покренути?

• Како да поправите грешке при преузимању датотека у прегледачу Гоогле Цхроме

• Како променити подразумеване поставке штампања у Гоогле Цхроме-у

• Како уништити профил на затварању претраживача у Гоогле Цхроме-у

• Анна Ассистант је савршен гласовни асистент за Гоогле Цхроме

• Ваш профил није могао да се правилно отвори у Гоогле Цхроме-у

• Проширење за Скипе за Гоогле Цхроме вам омогућава да приступите Скипе-у за веб и више!

• Како омогућити и користити функцију Цоммандер у Гоогле Цхроме-у

• Поправи ЕРР_ССЛ_ПРОТОЦОЛ_ЕРРОР у Гоогле Цхроме-у

• Исправите грешку при преузимању прокси скрипте у Гоогле Цхроме-у

• Екстензије за Гоогле Цхроме не раде на Виндовс 11/10

• Како омогућити или онемогућити дугмад за померање картица у Гоогле Цхроме-у

• Како омогућити и користити листу за читање у Гоогле Цхроме-у

• Екстензије за менаџер картица за повећање продуктивности у Гоогле Цхроме-у

• Како омогућити или онемогућити траку са картицама која се може померати у Гоогле Цхроме-у

• Поправите дијалог за отварање замућене датотеке у Гоогле Цхроме-у и Мицрософт Едге-у

• Гоогле Цхроме ће ограничити претплате на пусх обавештења на 90 дана

• Поправи ЕРР_КУИЦ_ПРОТОЦОЛ_ЕРРОР у Гоогле Цхроме-у

• Како омогућити нови кориснички интерфејс Материал Десигн за Гоогле Цхроме претраживач

• Греат Суспендер ће аутоматски суспендовати картице у Гоогле Цхроме-у