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

devtools

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 atChrome Menu 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: 

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:

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

console

3. Sources :

4.Network :

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.

performance

 

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

  • Lots of open-source extensions and add-ons

extensionChrome 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 interface

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

chrome interface

Incognito Mode:

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

Incognito

 

Join to newsletter.

Curabitur ac leo nunc vestibulum.

Thank you for your message. It has been sent.
There was an error trying to send your message. Please try again later.

Continue Reading

Get a personal consultation.

Call us today at (555) 802-1234

Request a Quote

Aliquam dictum amet blandit efficitur.

Leave A Comment