Clicking on the dots will pop up a menu of options. At the top of this menu are choices to change the Developer Tool’s “Dock side.” This is the position your Developer Tools will take within your browser’s window, or, telling them to pop out into an entirely new window leaving your entire browser window available to preview your webpage.
dock side - Testing Your Site for Different Devices When You Only Have Your Computer
If you are working with a vertically-oriented screen size, like those of most phones, docking the Developer Tools to the side of your window works well.
developer tools docked to the right - Testing Your Site for panama whatsapp number data 5 million Different Devices When You Only Have Your Computer
Docking the developer tools to the right.
There is a lot more depth to the device toolbar and we have just scratched the surface. For example, you can emulate how your site will load on a slow connection. This could be useful if you expect your audience to be in areas with limited bandwidth. You can capture a screenshot of your virtual device to send to me when you find a problem with your site. You can even see what your page looks like if you were to print it to paper.
A website that works well on a variety of screen sizes is important now and will be even more so in the future. You can test your current site and if it needs help, call Pulse.