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:

Discription	Shortcut Key
Action	Shortcut
Open a new window	Ctrl + n
Open a new window in Incognito mode	Ctrl + Shift + n
Open a new tab, and jump to it	Ctrl + t
Reopen the last closed tab, and jump to it	Ctrl + Shift + t
Jump to the next open tab	Ctrl + Tab or Ctrl + PgDn
Jump to the previous open tab	Ctrl + Shift + Tab or Ctrl + PgUp
Jump to a specific tab	Ctrl + 1 through Ctrl + 8
Jump to the last tab	Ctrl + 9
Open your home page in the current tab	Alt + Home
Open the previous page from your browsing history in the current tab	Alt + Left arrow
Open the next page from your browsing history in the current tab	Alt + Right arrow
Close the current tab	Ctrl + w or Ctrl + F4
Close all open tabs and the browser	Ctrl + Shift + w
Minimize the current window	Alt + Space + n
Maximize the current window	Alt + Space + x
Close the current window	Alt + F4
Quit Google Chrome	Ctrl + Shift + q
Open the Chrome menu	Alt + f or Alt + e or F10
Show or hide the Bookmarks bar	Ctrl + Shift + b
Open the Bookmarks Manager	Ctrl + Shift + o
Open the History page in a new tab	Ctrl + h
Open the Downloads page in a new tab	Ctrl + j
Open the Chrome Task Manager	Shift + Esc
Set focus on the first item in the Chrome toolbar	Shift + Alt + t
Switch focus forward between the Address bar, Bookmarks bar (if showing), and page content	F6
Switch focus backward between the Address bar, Bookmarks bar (if showing), and page content	Shift + F6
Open the Find Bar to search the current page	Ctrl + f or F3
Jump to the next match to your Find Bar search	Ctrl + g
Jump to the previous match to your Find Bar search	Ctrl + Shift + g
Open Developer Tools	Ctrl + Shift + j or F12
Open the Clear Browsing Data options	Ctrl + Shift + Delete
Open the Chrome Help Center in a new tab	F1
Log in a different user or browse as a Guest	Ctrl + Shift + m
Open a feedback form	Alt + Shift + i
Search with your default search engine	Type a search term + Enter
Search using a different search engine	Type a search engine name + Tab
Add www. and .com to a site name, and open it in the current tab	Type a site name + Ctrl + Enter
Open a new tab and perform a Google search	Type a search term + Alt + Enter
Jump to the address bar	Ctrl + l or Alt + d or F6
Search from anywhere on the page	Ctrl + k or Ctrl + e
Remove predictions from your address bar	Down arrow to highlight + Shift + Delete
Open options to print the current page	Ctrl + p
Open options to save the current page	Ctrl + s
Reload the current page	F5 or Ctrl + r
Reload the current page, ignoring cached content	Shift + F5 or Ctrl + Shift + r
Stop the page loading	Esc
Browse clickable items moving forward	Tab
Browse clickable items moving backward	Shift + Tab
Open a file from your computer in Chrome	Ctrl + o + Select a file
Display non-editable HTML source code for the current page	Ctrl + u
Save your current web page as a bookmark	Ctrl + d
Save all open tabs as bookmarks in a new folder	Ctrl + Shift + d
Turn full-screen mode on or off	F11
Make everything on the page bigger	Ctrl and +
Make everything on the page smaller	Ctrl and –
Return everything on the page to default size	Ctrl + 0
Scroll down a web page, a screen at a time	Space or PgDn
Scroll up a web page, a screen at a time	Shift + Space or PgUp
Go to the top of the page	Home
Go to the bottom of the page	End
Scroll horizontally on the page	Shift + Scmouse-wheel
Move your cursor to the front of the previous word in a text field	Ctrl + Left arrow
Move your cursor to the front of the next word in a text field	Ctrl + Right arrow
Delete the previous word in a text field	Ctrl + Backspace
Move focus to a notification	Alt + n
Allow within a notification	Alt + Shift + a
Deny within a notification	Alt + Shift + d
Open the Home page in the current tab	Alt + Home
Action	Shortcut
Open a link in a current tab (mouse only)	Drag a link to a tab
Open a link in new background tab	Ctrl + Click a link
Open a link, and jump to it	Ctrl + Shift + Click a link
Open a link, and jump to it (mouse only)	Drag a link to a blank area of the tab strip
Open a link in a new window	Shift + Click a link
Open a tab in a new window (mouse only)	Drag the tab out of the tab strip
Move a tab to a current window (mouse only)	Drag the tab into an existing window
Return a tab to its original position	Press Esc while dragging
Save the current webpage as a bookmark	Drag the web address to the Bookmarks Bar
Download the target of a link	Alt + Click a link
Switch between maximized and windowed modes	Double-click a blank area of the tab strip
Make everything on the page bigger	Ctrl + Scroll your mousewheel up
Make everything on the page smaller	Ctrl + Scroll your mousewheel down
Action	Shortcut
Search with your default search engine	Type a search term + Enter
Search using a different search engine	Type a search engine name + Tab
Add www. and .com to a site name, and open it in the current tab	Type a site name + Control + Enter
Add www. and .com to a site name, and open it in a new tab	Type a site name + Control + Shift + Enter
Open the website in a new background tab	Type a web address + ⌘ + Enter
Jump to the address bar	⌘ + l
Remove predictions from your address bar	Down arrow to highlight + Shift + fn + Delete

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..