From the course: SharePoint 2019: Customizing with Themes and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Browser developer tools

Browser developer tools - SharePoint Tutorial

From the course: SharePoint 2019: Customizing with Themes and CSS

Start my 1-month free trial

Browser developer tools

- [Instructor] Something that's really going to come in handy as we work with CSS elements are the developer tool that are built into almost every browser. The developer tools will allow you to pinpoint objects on the page and see their properties. The good news is that the developer tools are not only available in every browser but you also turn them on more or less the same way. Let's start on the Home page of our site. I'm going to start this demonstration in Internet Explorer but this step is almost exactly the same in Chrome, and Firefox and Edge and everything else, I simply press the F12 key and there it is, there are the developer tools. If I want to close it, I just press F12 again and it's gone. You can also find the developer tools from the browser menus. Now, here's where there's a few differences. Explorer and Edge are the easiest. You simply click for the menu and you say Go to Developer Tools. And there we are. And F12 and we're gone again. In Firefox, you have to go…

Contents