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
- Basically, Google Chrome was established in 2008 using C++ programming language
- Google Chrome has more extension than Firefox
- Chrome is very lightweight and fast for the downloading
- For web developers google chrome has very good extension is a web developer this extension is very easy and useful for developer
- 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..