Is there a way to export data from Chrome devtool's CSS Overview panel? - google-chrome-devtools

Is there a way to export the data from Chrome dev tool's newer CSS Overview panel other than screenshots?

Related

how to use playwright with plugin (like stylus, a chrome plugin)

I am using chromium.launchPersistentContext to open a head chrome. I want to use plugins, like stylus, that change the css of the page. Why chrome plugins does not appear with my local chrome instance ? I can see the bookmark, have the session saved, but no plugins appearing. Any idea ?
Extensions only work in Chrome / Chromium in non-headless mode, launched with a persistent context.
Are you using headless mode?
or have you tried --load-extension?
https://playwright.dev/docs/chrome-extensions

What is extn-utils.html in the chrome developer console?

When I load a web page with the chrome developer console open, I see jquery loading extn-utils.html, and that loads extn-utils.js. What are those?
It cause no harm. It is mostly by Adobe Acrobat extension. To verify disable it in chrome://extensions and check.

The 'Add to homescreen' link is not visible in Chrome Devtools - Application - Manifest

I am trying to simulate the 'Add to Homescreen' event as described in this guide from google. But, that blue link 'Add to homescreen' that they have in their screenshot under DevTools - Application - Manifest simply isn't there on my Chrome Dev Tools. I've tried it on several PWAs (including the Google I/O 2016 progressive web app PWA suggested as a page to try the feature on in the first link). No luck. That link simply isn't there.
Ultimately, I want to catch the event, prevent the default and then show the user a custom 'Install this app' message, as suggested in this guide. But to test it, I need this Chrome DevTools feature.
My Chrome DevTools version is 76.
Link the web manifest and add a link for the website in the html file
https://openclassrooms.com/en/courses/2479876-build-your-website-with-html5-and-css3/2490386-creating-links
For example
<p>This is the homescreenlink ?<br />
</p>
In Running the chrome development tools,
it is important to check what is the error maessage in the application list.
https://developers.google.com/web/tools/chrome-devtools/progressive-web-apps
What are the error messages you get when you work on this?
https://developers.google.com/web/fundamentals/app-install-banners/
One can debug with this tutorial.
https://developers.google.com/web/tools/chrome-devtools/javascript/reference

How to format chromedriver performance log to use them into the chrome dev tool timeline viewer?

I am collecting performance logs from Chromedriver.
I'd like to know if there is a way to make the output compatible with the Chrome development tools timeline viewer.

Launch JNLP file in MS Edge

I have a ASP.NET site which offers JNLP files for starting Java Web Start applications. I've set them as hrefs in <a> tags to download them. The behaviour I get from different browsers varies:
IE11: Auto launch
Firefox (45): Auto launch
Chrome (48): Manual launch from the download bar
Edge: Manual launch from the download bar
Chrome is Chrome and I've pretty much given up hope on that, but can Edge be set to launch JNLP files instead of offering the "Open/Show downloads" bar?