Chrome 38 Introduces a Responsive Design View

by Luigi Nori Date: 25-06-2014 chrome browser responsive developer tools


Chrome 38 has introduced a responsive design view in Chrome Developer tools. It allows you to view the available breakpoints for the loaded site. Clicking each of the bars resizes the window to the specified breakpoint or selecting the device will resize the window to that devices resolution.

As well as User Agent spoofing It also introduces network throttling to produce near real device simulations for development.

Chrome version 38 is available in Chrome Canary build.

 
by Luigi Nori Date: 25-06-2014 chrome browser responsive developer tools hits : 7098  
 
 
 
 

Related Posts

    How to use to Chrome Lighthouse

    How would you like to perform a fast SEO audit with a Chrome browser-based instrument? With the Lighthouse extension, you can do that. If you're not acquainted with Lighthouse, it's an…

    JavaScript challenge for old developers

    Let's take a moment to talk about you and your relationship with JavaScript before we talk about all the technical things. If you're like me, you've been writing HTML documents with…

    Fullscreen Background Video HTML5 And CSS cross-browser

    Full-screen Background Video is a way to present your website playing a video in the background without disturbing its content. It makes your website very modern and different. So, in…

    Best Development Posts Of August 2018

    For this month, we ranked some Web Development articles to pick the Top 20 stories that can help advance your career. The Five Top Reasons to Use JavaScript by Richard Kenneth Eng I’m a…

    Qualities That Make a Successful Software Developer

    Deciding on the right career path for you is a huge decision that will affect you for the rest of your life, this is why it is so important that…

    How to Become a Full Stack Developer in 2018

    A full stack developer is someone who can work on the development of all layers of an app or program. That means that they are familiar with both the front…

    How to make SVG images code responsive

    For an image format that features infinite scalability, SVG can be a surprisingly difficult format to make responsive: vector images do not adjust themselves to the size of the viewport…

    Useful technical SEO checklist for developers

    Nowadays search engine optimization has evolved to such a degree that it very nearly emulates real world marketing; that is, marketing for the people. And there is one great truth on this freak…

    CSS Progressive Loading in Chrome

    Until now, only in IE/Edge could we leverage streaming of CSS to load progressively the CSS of the components as their HTML is streamed. In other browsers, they would normally block…

    How to Choose a Laptop for Web Design and Development

    Efficiency is important at work, no matter the type of job you do. The better the tools that you use, the more productive you are. So if you’re a web…

    11 Guides for Front-end Developers

    Enjoy our Guides series for for Front-end Developers and don’t forget to let us know in the comments of any others that we haven’t yet included. 1. Can I animate…? Can I…

    PHP Libraries For Summer 2016

    Here are our picks for the 12 most useful and interesting open-source PHP libraries that you should check out this summer!   Monolog With Monolog you can create advanced logging systems by sending…