Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

In Chrome version 56 developer tools missing "Computed" tab

I have "Styles", "Event Listeners", "Dom Breakpoints" and "Properties" in the right mid pane.

I'm missing "Computed" there, as it was before: http://docs.joomlabamboo.com/getting-started/how-to-use-the-computed-panel-in-the-chrome-inspector

What could be underlying reason and how to fix it?

like image 368
Mladen Adamovic Avatar asked Jul 19 '17 13:07

Mladen Adamovic


People also ask

What is computed in Chrome dev tools?

The “Computed” tab is generally located in the right panel of the DevTools interface, like it is shown here in Chrome. The content in the Computed tab is important because it shows us the values that the browser is actually using on the rendered website.

How do I open the developer tools in a new tab in Chrome?

Just type ctrl+shift+I in google chrome & you will land in an isolated developer window.

How do I unblock developer tools in Chrome?

Navigate to Device>Chrome>Settings (https://admin.google.com/ac/chrome/settings/user). On the left, select the proper organization unit which contains the user/s you want to change the configuration for. Update the "Developer Tool" settings with “Always allow use of built-in developer tools”. SAVE changes.


1 Answers

it is about the space.

when the dev panel is large enough, the styles and computed can be shown in the same space;hence, "Computed" disppear in the tabs.

dev panel large enough to show both styles and computed

dev panel too small to contain both styles and computed.png

like image 177
Wu Carter Avatar answered Sep 16 '22 23:09

Wu Carter