![how to do compatibility view on google chrome how to do compatibility view on google chrome](https://i.ytimg.com/vi/vbMGZaYIIj8/maxresdefault.jpg)
- #How to do compatibility view on google chrome how to
- #How to do compatibility view on google chrome full
- #How to do compatibility view on google chrome windows 10
- #How to do compatibility view on google chrome download
Viewing page source is a good method to develop your web design level if you are a member of the web industry.
#How to do compatibility view on google chrome how to
In this post from MiniTool Software, we will mainly talk about how to view source code in Chrome in two different ways. Viewing page source in Chrome is a good way to get some useful design ideas for web pages. When you finish looking at the code, either close the View Source tab or click the ‘X’ in the Developer Tools pane to return to your webpage.īy Stella | Follow | Last Updated NovemSummary : Click the menu icon (three dots), then choose either undock into a separate window, dock to the left, dock to the bottom, or dock to the right, respectively. If you want to change the dock position, you can move it to the bottom, left, right, or even undock it into a separate window. When the pane opens this time, it goes directly to the portion of code that contains that element you clicked.
#How to do compatibility view on google chrome full
If you don’t want to see the full page’s code by default, but instead inspect a specific element in the HTML, right-click that space on the page, then click “Inspect.” A docked pane will open alongside the webpage you’re viewing.Ĭlick on the little gray arrow next to an element to expand it even further. Open Chrome and head to the page you want to inspect then press Ctrl + Shift + i. HTML is easier to read here thanks to the additional formatting and the ability to collapse elements you aren’t interested in seeing. This method uses the Developer Tools pane in Chrome and is a much cleaner approach to view the source code. If you’re looking for a specific element or part in the HTML source, using View Source is tedious and cumbersome, especially if the page uses a lot of JavaScript and CSS. Right-click the page and click on “View Page Source,” or press Ctrl + U, to see the page’s source in a new tab.Ī new tab opens along with all the HTML for the webpage, completely expanded and unformatted. View Source Using View Page Sourceįire up Chrome and jump to the webpage you want to view the HTML source code. There are two ways to view the HTML source: View Source and Inspect using Developer Tools. Whether you’re a web designer debugging your site’s source code or just curious about what a site’s code looks like, you can view the HTML source right in Google Chrome. Brady has a diploma in Computer Science from Camosun College in Victoria, BC.
#How to do compatibility view on google chrome windows 10
He’s covered everything from Windows 10 registry hacks to Chrome browser tips.
#How to do compatibility view on google chrome download
If you do not have the Google Chrome browser on your PC, and you want to give it a shot, you can download it by clicking on this link.īrady Gavin has been immersed in technology for 15 years and has written over 150 detailed tutorials and explainers. Once this is on screen, you can go through it to see how the web page works, or if you are a developer, you can even debug any errors that you may be experiencing with the web page. You will now see the HTML source code of the web page you are currently browsing. Click on the ‘View Page Source’ option from the menu. Right-Click anywhere on the web page to reveal a drop-down menu. Table of Contents Open the Google Chrome browser on your PC/Laptop.īrowse to the web page you want to view the HTML source. In this tutorial, we will show you how to view the HTML source in Google Chrome. If you are a programmer, you can even debug the source code of your own web page if needed. This allows you to browse to the web page you need, and view its source code directly. One such feature is the ‘Page Source’ feature. The Google Chrome browser is filled to the brim with features and functionalities, that we may not even know, exist. Earlier, this feature was restricted to just the developers, who received the HTML source code from the parent company directly, but today, this feature is available to everyone, thanks to Google Chrome. If you are a programmer or just a tech enthusiast, you must have wanted to see the code that makes up a website.