Why Google Chrome?

Google Chrome is 100 % free to use and virus free

If you are web developer some developer choose Firefox and some people  choose to google chrome but in my mind says, Google Chrome is best for very developer

so once again why Google Chrome

following are Pros for Chrome

1.  Basically, Google Chrome was established in 2008 using C++ programming language
2.  Google Chrome has more extension than Firefox
3.  Chrome is very lightweight and fast for the downloading
4.  For web developers google chrome has very good extension is a web developer this extension is very easy and useful for developer
5.  chrome has user-friendly features I did not say Firefox has not user-friendly features but I love chrome.

Google Chrome has many shortcuts or hotkeys,

The following are some important shortcut keys that must know the chrome users

The following shortcuts require you to use your mouse: mousewheelUse the following shortcuts in the address bar:

Chrome DevTools Overview

Google Chrome Has Inspect Element It is very easy to understand and web Developers

The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome. The DevTools provide web developers deep access into the internals of the browser and their web application. Use the DevTools to efficiently track down layout issues, set JavaScript breakpoints, and get insights for code optimization.

The very powerful tool INSPECT Element is in your Chrome browser

To access the DevTools, open a web page or web app in Google Chrome. Either:

• Select the Chrome menu at the top-right of your browser window, then select Tools > Developer Tools.
• Right-click on any page element and select Inspect Element.

The DevTools window will open at the bottom of your Chrome browser.

There are several useful shortcuts for opening the DevTools:

• Use Ctrl+Shift+I (or Cmd+Opt+I on Mac) to open the DevTools.
• Use Ctrl+Shift+J (or Cmd+Opt+J on Mac) to open the DevTools and bring focus to the Console.
• Use Ctrl+Shift+C (or Cmd+Shift+C on Mac) to open the DevTools in Inspect Element mode, or toggle Inspect Element mode if the DevTools are already open.

Uses Of Inspect Element Tool

• Change the Text on a Webpage:  Yes you can change whole the text on a web page
• You can also change HTML, CSS all frontend language code Note(You can not change content permanently this is only for temporary or testing purpose )

All Description on Inspect Element Tool

• Element
• Console
• Sources
• Network
• Performance

So there are total 5 important features under the inspect element tool We will discuss  one by one phase

1.Element: 

• In the element section, you see all the HTML code.
• In the element section, you can edit the web page
• content for eg. If you want to change some text on the web page then find that text into element section and if you find that then double click on that code and type what you want

Also, you can change the style, like color font etc. IN the Style section.

In Style section, you can change color, font, text alignment, margin, height, width so more…!

You can change only for the Temporary.

2.Console:

“Open as panel

To open the dedicated Console panel, either:

• Press Ctrl+Shift+J (Windows / Linux) or Cmd+Opt+J (Mac).
• If DevTools is already open, press the Console button.

When you open the Console panel, the Console drawer collapses automatically.”

“Open as drawer

To open the Console as a drawer next to any other panel, either:

• Press Esc while DevTools is in focus.
• Press the Customize and control DevTools button and then press Show console.”

Now that you’ve got the console open, let’s execute a simple statement.

Type the following into the console and press Enter:

console.log('Hello World!');

You should see that the text Hello World! is printed in the console (as shown below).

3. Sources :

4.Network :

“The Network panel gives us a view into the resources that are requested and downloaded over the network in real-time. Viewing network traffic isn’t the most glamorous activity – especially if you’re new to web development. However, performance becomes an important issue, as your site’s traffic increases. Identifying and fixing requests that take a long time to complete is an important step in optimizing a site.”

5. Performance :

Performance is a very cool tool that was calculated website or web page loading time. following are 2 images

1.The first image shows how to use

• In this image first, you have to enter URL in URL box in my case URL is facebook.com
• after that hit F5 or CTRL-R or reload the page

2. In the second image shows, after the calculated website (facebook.com) loading time.

Following are the reason for why Google Chrome is a most Popular

• Lots of open-source extensions and add-ons

Chrome has one of the largest libraries of open-source extensions, add-ons and built-in applications that enhance the browser’s ability to do what you want it to do.

• Clean, simple user interface

Google Chrome have clean and simple user interface No advertise etc

• Chrome’s Task Manager

Have you ever clicked “Shift + ESC” in Google Chrome? Give it a try. If you using windows then you must know “Ctrl+Alt+Delete” for the End process or kill the process.

Incognito Mode:

Incognito mode is useful for SafeSearch it is very secure for Bank Transaction or etc..