The dev tool network tab in google chrome to small - google-chrome

Hi, I made a video capture in network tab on google chrome dev tool.
The problem that tab just too small.
No matter what I do, I can't expand the videos tab (There is no way to expand it with the mouse like other normal tabs).
Any suggestions?
Thanks :)

Related

Chrome PDF Rendering Issue - Anyone ever seen this, or knows how to resolve?

A customer of ours using our software has generated a letter.
Our software converts it to a PDF and then displays it to them in a preview window.
This PDF shows correctly on every other computer that we have tested on, but for them, they have an experience of blotchy text. Some letters are not there, some have been cut in half.
It's worth noting, but when they download the pdf and open it in Chrome in full, it shows without issue.
(I've had to redact personal information, but there should be enough to get a good idea)
Has any one seen this occur.
Chrome 105.0.0.0 - Windows 10
Try this, turn off accelerated 2D canvas rendering in Google Chrome with the following steps:
In Google Chrome, go enter chrome://flags in the address bar and press enter.
In the search bar, type accelerated 2d canvas
Change the setting from "Enabled" to Disabled
Click Relaunch
Source

Can chrome's API be used to switch between multiple chrome devtools?

I am developing a chrome devtool of my own. I need to click a button from my devtool to jump to chrome's network panel. Is this possible? , I looked for a lot of documents, and I didn’t see any relevant implementation.
for example:
chrome.devtools.open('network',function callback(){})
then the network panel will show
thank you.

Chrome Dev Tools Snippets - AUTOSAVE

Is it possible to enable autosave on snippets in chrome dev tools?
It is infuriating when i accidentaly close a tab that dev tools was attached to where i had my snippets open and when i open dev tools again i've lost alot of work!
Are there any flags i can set to enable autosave or somehow get it to save when i run the snippet?
Just to be clear i am talking about the snippets under Sources/Snippets.
I know i can "just" use the shortcut ctrl-s to save however that is simply not good enough, i would atleast expect a recovery like all modern editors deliver.
Incase this cannot be achieved please point me the in direction where i can submit a feature request to the Chrome Dev Team
Select Tools > Developer Tools. The Developer Tools window opens as a docked panel at the side or bottom of Google Chrome. Click the Network tab. Select Preserve log.
Also, go to Settings in devtools, which is a little screw on the top-right corner, find the Console section under Preferences, and click on Preserve log upon navigation.
This has worked for me.

How can I remove a site from a Chrome tab?

If there are a lot of sites on a Chrome tab, a site on the tab that is compute or graphics intensive - say a page with panning and zooming animation - will stutter. So how can I remove sites from a tab so that only the intensive site is left?
Try clicking the "x" on the tab to get rid of it. If it's really stuttering, which I've seen happen on a number of occasions, try Ctrl+W to close the tab. If it gets particularly bad, Alt+F4 will close Chrome. You can then reopen Chrome and manually reopen whichever tabs you just lost that you want to see.

Is it possible to view multiple Chrome devtools panels at once?

Is there a way to view multiple Chrome devtools panels at the same time? A split window, like this mockup, would be nice:
Or in separate windows.
It would be extremely useful to be able to view the Sources panel and Network panel at the same time, to see exactly when network requests are fired while stepping through code.
The console can be pulled up while inside any other panel by clicking or pressing esc, so why not the other panels?
I haven't found much by searching, but maybe this is possible with a devtools extension.
Does this exist already? If not, is it possible?
I find this limitation frustrating too, all those other monitors are wasted! Here is poor man's solution:
launch your chrome with --remote-debugging-port=9999 command line parameter
right click on your page to debug and select 'Inspect Element' - this is your debug window #1
open a separate chrome window and navigate to chrome://inspect
click 'Configure...' and add localhost:9999
within a couple of seconds under 'Remote Targets' you should see tabs you can inspect from your other chrome instance
click on the tab, and now this is your debug window #2
Unrelated tip: system wide nightmode experience: http://danielsokolowski.blogspot.com/2018/11/windows-10-8-7-night-mode.html
As of Chrome Canary 33.0.1732.0, there's a "Show editor in Drawer" experiment. The editor shows up whenever you hit any anchor to the source code in DevTools.